#96AA46 Color

#96AA46 is rgb(150, 170, 70) in RGB and hsl(72, 42%, 47%) in HSL. The closest CSS named color is YellowGreen. Black text is most readable on this background.

#96AA46

HEX#96AA46

RGBrgb(150, 170, 70)

HSLhsl(72, 42%, 47%)

HSVhsv(72, 59%, 67%)

OKLCHoklch(70.2% 0.128 119.3)

CMYKcmyk(12%, 0%, 59%, 33%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #96AA46 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.14:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#96AA46 Complementary#5A46AA Analogous#AA8C46 Analogous#64AA46 Triadic#4696AA Triadic#AA4696

Tints & Shades

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

Tints

#A7BB58 #B7C775 #C4D18F #D1DCA8 #DFE6C1 #EEF2DE

Shades

#83943D #707F34 #5D692B #465021 #333A18 #20240F

Use #96AA46 in Our Tools

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