#5AEC9C

Color Details

HEX
#5AEC9C
RGB
rgb(90, 236, 156)
HSL
hsl(147, 79%, 64%)
CMYK
cmyk(62%, 0%, 34%, 7%)
Best text on this color #000000 (CR 13.91:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5aec9c
Contrast 13.91:1 AAA
White on #5aec9c
Contrast 1.51:1 Fail
#5aec9c on Black
Contrast 13.91:1 AAA
#5aec9c on White
Contrast 1.51:1 Fail

Tints & Shades

#7bf0b0
#9cf4c4
#bdf7d7
#48bd7d
#368e5e
#245e3e

Complement & Analogous

#ec5baa
#5bece4
#62ec5b

Triadic

#9c5bec
#ec9c5b

Monochrome

#245e3e #368e5e #5aec9c #9cf4c4 #bdf7d7 #defbeb

Analogous

#62ec5b #91f28c #5aec9c #7cf0e9 #5bece4 #49bdb6

Complementary Mix

#368e5e #5aec9c #9cf4c4 #ec5baa #f394c8 #993b6f

Nearby Colors

#5aec9b
#5aec9d
#5aec8c
#5aecac

Embed #5AEC9C swatch

Embed this swatch

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

Open image

About #5AEC9C

#5AEC9C converts to RGB(90, 236, 156) and HSL(147, 79%, 64%). 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).

#5AEC9C FAQs

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