#CCB394 Color

#CCB394 is rgb(204, 179, 148) in RGB and hsl(33, 35%, 69%) in HSL. The closest CSS named color is Tan. Black text is most readable on this background.

#CCB394

HEX#CCB394

RGBrgb(204, 179, 148)

HSLhsl(33, 35%, 69%)

HSVhsv(33, 27%, 80%)

OKLCHoklch(78% 0.051 72.9)

CMYKcmyk(0%, 12%, 27%, 20%)

Text Contrast & Accessibility

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

TextWhite text2.01:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.44:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CCB394 Complementary#94ADCC Analogous#CC9794 Analogous#C9CC94 Triadic#94CCB3 Triadic#B394CC

Tints & Shades

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

Tints

#D2BDA2 #D9C6B0 #E0D0BE #E8DDCF #EEE6DD #F5F0EA

Shades

#BD9D75 #AC8453 #8D6C44 #6E5435 #4F3D26 #2D2216

Use #CCB394 in Our Tools

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