#C3AA55 Color

#C3AA55 is rgb(195, 170, 85) in RGB and hsl(46, 48%, 55%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#C3AA55

HEX#C3AA55

RGBrgb(195, 170, 85)

HSLhsl(46, 48%, 55%)

HSVhsv(46, 56%, 76%)

OKLCHoklch(74.3% 0.109 93.2)

CMYKcmyk(0%, 13%, 56%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C3AA55 Complementary#556FC3 Analogous#C37355 Analogous#A6C355 Triadic#55C3AA Triadic#AA55C3

Tints & Shades

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

Tints

#CBB56C #D3C082 #DBCC99 #E4D9B4 #ECE4CA #F4F0E1

Shades

#B59A40 #978035 #7D6A2C #625322 #483D19 #2A230F

Use #C3AA55 in Our Tools

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