#968222 Color

#968222 is rgb(150, 130, 34) in RGB and hsl(50, 63%, 36%) in HSL. The closest CSS named color is Olive. Black text is most readable on this background.

#968222

HEX#968222

RGBrgb(150, 130, 34)

HSLhsl(50, 63%, 36%)

HSVhsv(50, 77%, 59%)

OKLCHoklch(60.8% 0.113 96.8)

CMYKcmyk(0%, 13%, 77%, 41%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#968222 Complementary#223596 Analogous#964922 Analogous#6F9622 Triadic#229682 Triadic#822296

Tints & Shades

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

Tints

#BBA32A #D4BB40 #DCC865 #E4D486 #ECE1AC #F5EFD1

Shades

#81701D #706219 #5B5015 #4B4111 #362F0C #252108

Use #968222 in Our Tools

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