#5BDC8C

Color Details

HEX
#5BDC8C
RGB
rgb(91, 220, 140)
HSL
hsl(143, 65%, 61%)
CMYK
cmyk(59%, 0%, 36%, 14%)
Best text on this color #000000 (CR 12.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5bdc8c
Contrast 12.06:1 AAA
White on #5bdc8c
Contrast 1.74:1 Fail
#5bdc8c on Black
Contrast 12.06:1 AAA
#5bdc8c on White
Contrast 1.74:1 Fail

Tints & Shades

#7ce3a3
#9deaba
#bdf1d1
#49b070
#378454
#245838

Complement & Analogous

#dc5bab
#5bdccd
#6adc5b

Triadic

#8c5bdc
#dc8c5b

Monochrome

#245838 #378454 #5bdc8c #9deaba #bdf1d1 #def8e8

Analogous

#6adc5b #97e78c #5bdc8c #7ce3d7 #5bdccd #49b0a4

Complementary Mix

#378454 #5bdc8c #9deaba #dc5bab #e894c8 #8f3b6f

Nearby Colors

#5bdc8b
#5bdc8d
#5bdc7c
#5bdc9c

Embed #5BDC8C swatch

Embed this swatch

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

Open image

About #5BDC8C

#5BDC8C converts to RGB(91, 220, 140) and HSL(143, 65%, 61%). 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).

#5BDC8C FAQs

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