#96A84C

Color Details

HEX
#96A84C
RGB
rgb(150, 168, 76)
HSL
hsl(72, 38%, 48%)
CMYK
cmyk(11%, 0%, 55%, 34%)
Best text on this color #000000 (CR 8.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #96a84c
Contrast 8.00:1 AAA
White on #96a84c
Contrast 2.62:1 Fail
#96a84c on Black
Contrast 8.00:1 AAA
#96a84c on White
Contrast 2.62:1 Fail

Tints & Shades

#abb970
#c0cb94
#d5dcb7
#78863d
#5a652e
#3c431e

Complement & Analogous

#5e4ca9
#68a94c
#a98d4c

Triadic

#4c96a9
#a94c96

Monochrome

#3c431e #5a652e #96a84c #c0cb94 #d5dcb7 #eaeedb

Analogous

#a98d4c #c3af82 #96a84c #86ba70 #68a94c #53873d

Complementary Mix

#5a652e #96a84c #c0cb94 #5e4ca9 #968bc7 #3d316e

Nearby Colors

#96a84b
#96a84d
#96a83c
#96a85c

Embed #96A84C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #96A84C

#96A84C converts to RGB(150, 168, 76) and HSL(72, 38%, 48%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#96A84C FAQs

What is the RGB value of #96A84C?
RGB: 150, 168, 76. Copy as CSS: rgb(150, 168, 76)
Is #96A84C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #96A84C?
Complement: #5e4ca9.
Does #96A84C have good contrast on white or black?
On white: 2.62:1 (Fails AA). On black: 8.00:1 (AAA (normal text)).