#CFCC96 Color

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

#CFCC96

HEX#CFCC96

RGBrgb(207, 204, 150)

HSLhsl(57, 37%, 70%)

HSVhsv(57, 28%, 81%)

OKLCHoklch(83.4% 0.071 105.2)

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

Text Contrast & Accessibility

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

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

TextBlack text12.73:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CFCC96 Complementary#9699CF Analogous#CFB096 Analogous#B5CF96 Triadic#96CFCC Triadic#CC96CF

Tints & Shades

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

Tints

#D5D3A4 #DCDAB2 #E2E0C0 #E9E7CE #EFEEDC #F5F5EA

Shades

#C0BD77 #B0AC54 #938F43 #706D33 #504E25 #2D2C15

Use #CFCC96 in Our Tools

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