#BAA02C Color

#BAA02C is rgb(186, 160, 44) in RGB and hsl(49, 62%, 45%) in HSL. The closest CSS named color is Goldenrod. Black text is most readable on this background.

#BAA02C

HEX#BAA02C

RGBrgb(186, 160, 44)

HSLhsl(49, 62%, 45%)

HSVhsv(49, 76%, 73%)

OKLCHoklch(70.9% 0.132 95.8)

CMYKcmyk(0%, 14%, 76%, 27%)

Text Contrast & Accessibility

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

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

TextBlack text8.15:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BAA02C Complementary#2C46BA Analogous#BA592C Analogous#8DBA2C Triadic#2CBAA0 Triadic#A02CBA

Tints & Shades

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

Tints

#D1B63D #D8C15A #E0CD7B #E7D898 #EFE5B9 #F5F0D6

Shades

#A18B26 #887520 #70601A #5B4E15 #423910 #29240A

Use #BAA02C in Our Tools

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