#CAB86D Color

#CAB86D is rgb(202, 184, 109) in RGB and hsl(48, 47%, 61%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#CAB86D

HEX#CAB86D

RGBrgb(202, 184, 109)

HSLhsl(48, 47%, 61%)

HSVhsv(48, 46%, 79%)

OKLCHoklch(78.1% 0.098 96.3)

CMYKcmyk(0%, 9%, 46%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CAB86D Complementary#6D80CA Analogous#CA896D Analogous#AECA6D Triadic#6DCAB8 Triadic#B86DCA

Tints & Shades

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

Tints

#D1C180 #D9CC96 #E0D5A9 #E7DEBC #EDE7CE #F6F2E5

Shades

#BFA94F #A9933D #8B7932 #695C26 #4B411B #2D2710

Use #CAB86D in Our Tools

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