#966A03 Color

#966A03 is rgb(150, 106, 3) in RGB and hsl(42, 96%, 30%) in HSL. The closest CSS named color is Olive. White text is most readable on this background.

#966A03

HEX#966A03

RGBrgb(150, 106, 3)

HSLhsl(42, 96%, 30%)

HSVhsv(42, 98%, 59%)

OKLCHoklch(55.5% 0.114 79.7)

CMYKcmyk(0%, 29%, 98%, 41%)

Text Contrast & Accessibility

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

TextWhite text4.82:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.36:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#966A03 Complementary#032F96 Analogous#962003 Analogous#799603 Triadic#03966A Triadic#6A0396

Tints & Shades

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

Tints

#C88D04 #F5AD05 #FBBF32 #FCCE64 #FDDE96 #FEECC3

Shades

#825C03 #735102 #5F4302 #4B3502 #372701 #281C01

Use #966A03 in Our Tools

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