#5AD88C

Color Details

HEX
#5AD88C
RGB
rgb(90, 216, 140)
HSL
hsl(144, 62%, 60%)
CMYK
cmyk(58%, 0%, 35%, 15%)
Best text on this color #000000 (CR 11.64:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5ad88c
Contrast 11.64:1 AAA
White on #5ad88c
Contrast 1.80:1 Fail
#5ad88c on Black
Contrast 11.64:1 AAA
#5ad88c on White
Contrast 1.80:1 Fail

Tints & Shades

#7be0a3
#9ce8ba
#bdefd1
#48ad70
#368254
#245638

Complement & Analogous

#d85aa6
#5ad8cc
#66d85a

Triadic

#8c5ad8
#d88c5a

Monochrome

#245638 #368254 #5ad88c #9ce8ba #bdefd1 #def7e8

Analogous

#66d85a #94e48c #5ad88c #7be0d6 #5ad8cc #48ada3

Complementary Mix

#368254 #5ad88c #9ce8ba #d85aa6 #e694c5 #8c3b6c

Nearby Colors

#5ad88b
#5ad88d
#5ad87c
#5ad89c

Embed #5AD88C swatch

Embed this swatch

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

Open image

About #5AD88C

#5AD88C converts to RGB(90, 216, 140) and HSL(144, 62%, 60%). 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).

#5AD88C FAQs

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