#5AAE8C

Color Details

HEX
#5AAE8C
RGB
rgb(90, 174, 140)
HSL
hsl(156, 34%, 52%)
CMYK
cmyk(48%, 0%, 20%, 32%)
Best text on this color #000000 (CR 7.87:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5aae8c
Contrast 7.87:1 AAA
White on #5aae8c
Contrast 2.67:1 Fail
#5aae8c on Black
Contrast 7.87:1 AAA
#5aae8c on White
Contrast 2.67:1 Fail

Tints & Shades

#7bbea3
#9cceba
#bddfd1
#488b70
#366854
#244638

Complement & Analogous

#ae5b7c
#5ba6ae
#5bae63

Triadic

#8d5bae
#ae8d5b

Monochrome

#244638 #366854 #5aae8c #9cceba #bddfd1 #deefe8

Analogous

#5bae63 #8cc692 #5aae8c #7cb8be #5ba6ae #49858b

Complementary Mix

#366854 #5aae8c #9cceba #ae5b7c #ca94aa #713b51

Nearby Colors

#5aae8b
#5aae8d
#5aae7c
#5aae9c

Embed #5AAE8C swatch

Embed this swatch

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

Open image

About #5AAE8C

#5AAE8C converts to RGB(90, 174, 140) and HSL(156, 34%, 52%). 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).

#5AAE8C FAQs

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