#5F966C

Color Details

HEX
#5F966C
RGB
rgb(95, 150, 108)
HSL
hsl(134, 22%, 48%)
CMYK
cmyk(37%, 0%, 28%, 41%)
Best text on this color #000000 (CR 6.07:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5f966c
Contrast 6.07:1 AA
White on #5f966c
Contrast 3.46:1 Fail
#5f966c on Black
Contrast 6.07:1 AA
#5f966c on White
Contrast 3.46:1 Fail

Tints & Shades

#7fab89
#9fc0a7
#bfd5c4
#4c7856
#395a41
#263c2b

Complement & Analogous

#955f89
#5f9587
#6e955f

Triadic

#6c5f95
#956c5f

Monochrome

#263c2b #395a41 #5f966c #9fc0a7 #bfd5c4 #dfeae2

Analogous

#6e955f #9ab58f #5f966c #7faa9f #5f9587 #4c776c

Complementary Mix

#395a41 #5f966c #9fc0a7 #955f89 #ba97b2 #613e59

Nearby Colors

#5f966b
#5f966d
#5f965c
#5f967c

Embed #5F966C swatch

Embed this swatch

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

Open image

About #5F966C

#5F966C converts to RGB(95, 150, 108) and HSL(134, 22%, 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).

#5F966C FAQs

What is the RGB value of #5F966C?
RGB: 95, 150, 108. Copy as CSS: rgb(95, 150, 108)
Is #5F966C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5F966C?
Complement: #955f89.
Does #5F966C have good contrast on white or black?
On white: 3.46:1 (AA (large text)). On black: 6.07:1 (AA (normal text)).