#5AA79C

Color Details

HEX
#5AA79C
RGB
rgb(90, 167, 156)
HSL
hsl(171, 30%, 50%)
CMYK
cmyk(46%, 0%, 7%, 35%)
Best text on this color #000000 (CR 7.44:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5aa79c
Contrast 7.44:1 AAA
White on #5aa79c
Contrast 2.82:1 Fail
#5aa79c on Black
Contrast 7.44:1 AAA
#5aa79c on White
Contrast 2.82:1 Fail

Tints & Shades

#7bb9b0
#9ccac4
#bddcd7
#48867d
#36645e
#24433e

Complement & Analogous

#a65965
#598ba6
#59a674

Triadic

#9a59a6
#a69a59

Monochrome

#24433e #36645e #5aa79c #9ccac4 #bddcd7 #deedeb

Analogous

#59a674 #8bc19e #5aa79c #7aa2b8 #598ba6 #476f85

Complementary Mix

#36645e #5aa79c #9ccac4 #a65965 #c5939b #6c3a42

Nearby Colors

#5aa79b
#5aa79d
#5aa78c
#5aa7ac

Embed #5AA79C swatch

Embed this swatch

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

Open image

About #5AA79C

#5AA79C converts to RGB(90, 167, 156) and HSL(171, 30%, 50%). 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).

#5AA79C FAQs

What is the RGB value of #5AA79C?
RGB: 90, 167, 156. Copy as CSS: rgb(90, 167, 156)
Is #5AA79C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5AA79C?
Complement: #a65965.
Does #5AA79C have good contrast on white or black?
On white: 2.82:1 (Fails AA). On black: 7.44:1 (AAA (normal text)).