#5DBA6E

Color Details

HEX
#5DBA6E
RGB
rgb(93, 186, 110)
HSL
hsl(131, 40%, 55%)
CMYK
cmyk(50%, 0%, 41%, 27%)
Best text on this color #000000 (CR 8.71:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5dba6e
Contrast 8.71:1 AAA
White on #5dba6e
Contrast 2.41:1 Fail
#5dba6e on Black
Contrast 8.71:1 AAA
#5dba6e on White
Contrast 2.41:1 Fail

Tints & Shades

#7dc88b
#9ed6a8
#bee3c5
#4a9558
#387042
#254a2c

Complement & Analogous

#ba5ea9
#5eba9d
#7bba5e

Triadic

#6f5eba
#ba6f5e

Monochrome

#254a2c #387042 #5dba6e #9ed6a8 #bee3c5 #dff1e2

Analogous

#7bba5e #a3cf8e #5dba6e #7ec8b1 #5eba9d #4b957e

Complementary Mix

#387042 #5dba6e #9ed6a8 #ba5ea9 #d296c7 #793d6e

Nearby Colors

#5dba6d
#5dba6f
#5dba5e
#5dba7e

Embed #5DBA6E swatch

Embed this swatch

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

Open image

About #5DBA6E

#5DBA6E converts to RGB(93, 186, 110) and HSL(131, 40%, 55%). 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).

#5DBA6E FAQs

What is the RGB value of #5DBA6E?
RGB: 93, 186, 110. Copy as CSS: rgb(93, 186, 110)
Is #5DBA6E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5DBA6E?
Complement: #ba5ea9.
Does #5DBA6E have good contrast on white or black?
On white: 2.41:1 (Fails AA). On black: 8.71:1 (AAA (normal text)).