#CCBD33 Color

#CCBD33 is rgb(204, 189, 51) in RGB and hsl(54, 60%, 50%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#CCBD33

HEX#CCBD33

RGBrgb(204, 189, 51)

HSLhsl(54, 60%, 50%)

HSVhsv(54, 75%, 80%)

OKLCHoklch(78.8% 0.15 102.9)

CMYKcmyk(0%, 7%, 75%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CCBD33 Complementary#3342CC Analogous#CC7033 Analogous#8FCC33 Triadic#33CCBD Triadic#BD33CC

Tints & Shades

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

Tints

#D3C650 #DACF6C #E1D989 #E8E1A1 #EFEABE #F6F3DA

Shades

#AFA22C #978C26 #7A711F #625B18 #454011 #2D2A0B

Use #CCBD33 in Our Tools

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