#5B9C8C

Color Details

HEX
#5B9C8C
RGB
rgb(91, 156, 140)
HSL
hsl(165, 26%, 48%)
CMYK
cmyk(42%, 0%, 10%, 39%)
Best text on this color #000000 (CR 6.58:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5b9c8c
Contrast 6.58:1 AA
White on #5b9c8c
Contrast 3.19:1 Fail
#5b9c8c on Black
Contrast 6.58:1 AA
#5b9c8c on White
Contrast 3.19:1 Fail

Tints & Shades

#7cb0a3
#9dc4ba
#bdd7d1
#497d70
#375e54
#243e38

Complement & Analogous

#9a5b6a
#5b8a9a
#5b9a6a

Triadic

#8a5b9a
#9a8a5b

Monochrome

#243e38 #375e54 #5b9c8c #9dc4ba #bdd7d1 #deebe8

Analogous

#5b9a6a #8cb897 #5b9c8c #7ca1ae #5b8a9a #496e7b

Complementary Mix

#375e54 #5b9c8c #9dc4ba #9a5b6a #bd949e #643b45

Nearby Colors

#5b9c8b
#5b9c8d
#5b9c7c
#5b9c9c

Embed #5B9C8C swatch

Embed this swatch

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

Open image

About #5B9C8C

#5B9C8C converts to RGB(91, 156, 140) and HSL(165, 26%, 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).

#5B9C8C FAQs

What is the RGB value of #5B9C8C?
RGB: 91, 156, 140. Copy as CSS: rgb(91, 156, 140)
Is #5B9C8C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5B9C8C?
Complement: #9a5b6a.
Does #5B9C8C have good contrast on white or black?
On white: 3.19:1 (AA (large text)). On black: 6.58:1 (AA (normal text)).