#CFC396 Color

#CFC396 is rgb(207, 195, 150) in RGB and hsl(47, 37%, 70%) in HSL. The closest CSS named color is Tan. Black text is most readable on this background.

#CFC396

HEX#CFC396

RGBrgb(207, 195, 150)

HSLhsl(47, 37%, 70%)

HSVhsv(47, 28%, 81%)

OKLCHoklch(81.6% 0.061 94.9)

CMYKcmyk(0%, 6%, 28%, 19%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CFC396 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.76:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text11.9:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #CFC396 based on color wheel relationships. Click any swatch for its full breakdown.

Base#CFC396 Complementary#96A2CF Analogous#CFA696 Analogous#BFCF96 Triadic#96CFC3 Triadic#C396CF

Tints & Shades

Lighter tints and darker shades of #CFC396, useful for hover states, backgrounds, and text variants.

Tints

#D5CBA4 #DCD3B2 #E2DBC0 #E9E3CE #EFEBDC #F5F3EA

Shades

#C0B077 #B09C54 #938243 #706333 #504725 #2D2815

Use #CFC396 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex