#5DBA6F

Color Details

HEX
#5DBA6F
RGB
rgb(93, 186, 111)
HSL
hsl(132, 40%, 55%)
CMYK
cmyk(50%, 0%, 40%, 27%)
Best text on this color #000000 (CR 8.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5dba6f
Contrast 8.72:1 AAA
White on #5dba6f
Contrast 2.41:1 Fail
#5dba6f on Black
Contrast 8.72:1 AAA
#5dba6f on White
Contrast 2.41:1 Fail

Tints & Shades

#7dc88c
#9ed6a9
#bee3c5
#4a9559
#387043
#254a2c

Complement & Analogous

#ba5ea8
#5eba9f
#7aba5e

Triadic

#715eba
#ba715e

Monochrome

#254a2c #387043 #5dba6f #9ed6a9 #bee3c5 #dff1e2

Analogous

#7aba5e #a2cf8e #5dba6f #7ec8b2 #5eba9f #4b957f

Complementary Mix

#387043 #5dba6f #9ed6a9 #ba5ea8 #d296c6 #793d6d

Nearby Colors

#5dba6e
#5dba70
#5dba5f
#5dba7f

Embed #5DBA6F swatch

Embed this swatch

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

Open image

About #5DBA6F

#5DBA6F converts to RGB(93, 186, 111) and HSL(132, 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).

#5DBA6F FAQs

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