#CBAE3A Color

#CBAE3A is rgb(203, 174, 58) in RGB and hsl(48, 58%, 51%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#CBAE3A

HEX#CBAE3A

RGBrgb(203, 174, 58)

HSLhsl(48, 58%, 51%)

HSVhsv(48, 71%, 80%)

OKLCHoklch(75.6% 0.135 94.7)

CMYKcmyk(0%, 14%, 71%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CBAE3A Complementary#3A57CB Analogous#CB653A Analogous#9FCB3A Triadic#3ACBAE Triadic#AE3ACB

Tints & Shades

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

Tints

#D2B956 #D8C36E #E0CF8A #E7DAA6 #EFE6C3 #F5F0DB

Shades

#B1972F #998329 #7D6B21 #61521A #443A12 #2C260C

Use #CBAE3A in Our Tools

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