#CBB457 Color

#CBB457 is rgb(203, 180, 87) in RGB and hsl(48, 53%, 57%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#CBB457

HEX#CBB457

RGBrgb(203, 180, 87)

HSLhsl(48, 53%, 57%)

HSVhsv(48, 57%, 80%)

OKLCHoklch(77.1% 0.116 95.6)

CMYKcmyk(0%, 11%, 57%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CBB457 Complementary#576ECB Analogous#CB7A57 Analogous#A9CB57 Triadic#57CBB4 Triadic#B457CB

Tints & Shades

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

Tints

#D3BF6F #DAC986 #E1D49D #E7DCB1 #EEE7C8 #F5F1E0

Shades

#BFA53B #A48D32 #857229 #695B20 #4A4017 #2F280E

Use #CBB457 in Our Tools

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