#CCA88A Color

#CCA88A is rgb(204, 168, 138) in RGB and hsl(27, 39%, 67%) in HSL. The closest CSS named color is Tan. Black text is most readable on this background.

#CCA88A

HEX#CCA88A

RGBrgb(204, 168, 138)

HSLhsl(27, 39%, 67%)

HSVhsv(27, 32%, 80%)

OKLCHoklch(75.6% 0.059 61.5)

CMYKcmyk(0%, 18%, 32%, 20%)

Text Contrast & Accessibility

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

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

TextBlack text9.54:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CCA88A Complementary#8AAECC Analogous#CC8A8D Analogous#CCC88A Triadic#8ACCA8 Triadic#A88ACC

Tints & Shades

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

Tints

#D2B298 #DABFAA #E0CAB8 #E8D7CA #EEE2D8 #F6EFEA

Shades

#BE906A #AE784C #8E623E #6E4C30 #4E3622 #2E2014

Use #CCA88A in Our Tools

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