#CBB348 Color

#CBB348 is rgb(203, 179, 72) in RGB and hsl(49, 56%, 54%) in HSL. The closest CSS named color is DarkKhaki. Black text is most readable on this background.

#CBB348

HEX#CBB348

RGBrgb(203, 179, 72)

HSLhsl(49, 56%, 54%)

HSVhsv(49, 65%, 80%)

OKLCHoklch(76.7% 0.128 96.6)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CBB348 Complementary#4860CB Analogous#CB7248 Analogous#A2CB48 Triadic#48CBB3 Triadic#B348CB

Tints & Shades

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

Tints

#D2BD60 #DAC97C #E1D394 #E7DCAB #EEE6C3 #F6F2DF

Shades

#BBA235 #9F8A2D #837225 #63561C #483E14 #2C260C

Use #CBB348 in Our Tools

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