#977E12 Color

#977E12 is rgb(151, 126, 18) in RGB and hsl(49, 79%, 33%) in HSL. The closest CSS named color is Olive. Black text is most readable on this background.

#977E12

HEX#977E12

RGBrgb(151, 126, 18)

HSLhsl(49, 79%, 33%)

HSVhsv(49, 88%, 59%)

OKLCHoklch(59.9% 0.118 94.3)

CMYKcmyk(0%, 17%, 88%, 41%)

Text Contrast & Accessibility

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

TextWhite text3.96:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.31:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#977E12 Complementary#122A97 Analogous#973C12 Analogous#6D9712 Triadic#12977E Triadic#7E1297

Tints & Shades

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

Tints

#C0A116 #E5C224 #EACD4D #EFD976 #F4E49F #F9F1CD

Shades

#846F10 #72600D #60500B #493D09 #372E06 #251F04

Use #977E12 in Our Tools

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