#5A875C

Color Details

HEX
#5A875C
RGB
rgb(90, 135, 92)
HSL
hsl(123, 20%, 44%)
CMYK
cmyk(33%, 0%, 32%, 47%)
Best text on this color #000000 (CR 5.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5a875c
Contrast 5.05:1 AA
White on #5a875c
Contrast 4.15:1 Fail
#5a875c on Black
Contrast 5.05:1 AA
#5a875c on White
Contrast 4.15:1 Fail

Tints & Shades

#7b9f7d
#9cb79d
#bdcfbe
#486c4a
#365137
#243625

Complement & Analogous

#875a84
#588973
#6e8958

Triadic

#5c5a87
#875c5a

Monochrome

#243625 #365137 #5a875c #9cb79d #bdcfbe #dee7de

Analogous

#6e8958 #9aac8a #5a875c #79a18f #588973 #466e5c

Complementary Mix

#365137 #5a875c #9cb79d #875a84 #b194af #583b56

Nearby Colors

#5a875b
#5a875d
#5a874c
#5a876c

Embed #5A875C swatch

Embed this swatch

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

Open image

About #5A875C

#5A875C converts to RGB(90, 135, 92) and HSL(123, 20%, 44%). 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).

#5A875C FAQs

What is the RGB value of #5A875C?
RGB: 90, 135, 92. Copy as CSS: rgb(90, 135, 92)
Is #5A875C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5A875C?
Complement: #875a84.
Does #5A875C have good contrast on white or black?
On white: 4.15:1 (AA (large text)). On black: 5.05:1 (AA (normal text)).