#5DBAAF

Color Details

HEX
#5DBAAF
RGB
rgb(93, 186, 175)
HSL
hsl(173, 40%, 55%)
CMYK
cmyk(50%, 0%, 6%, 27%)
Best text on this color #000000 (CR 9.11:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5dbaaf
Contrast 9.11:1 AAA
White on #5dbaaf
Contrast 2.31:1 Fail
#5dbaaf on Black
Contrast 9.11:1 AAA
#5dbaaf on White
Contrast 2.31:1 Fail

Tints & Shades

#7dc8bf
#9ed6cf
#bee3df
#4a958c
#387069
#254a46

Complement & Analogous

#ba5e69
#5e97ba
#5eba82

Triadic

#af5eba
#baaf5e

Monochrome

#254a46 #387069 #5dbaaf #9ed6cf #bee3df #dff1ef

Analogous

#5eba82 #8ecfa8 #5dbaaf #7eacc8 #5e97ba #4b7995

Complementary Mix

#387069 #5dbaaf #9ed6cf #ba5e69 #d2969e #793d44

Nearby Colors

#5dbaae
#5dbab0
#5dba9f
#5dbabf

Embed #5DBAAF swatch

Embed this swatch

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

Open image

About #5DBAAF

#5DBAAF converts to RGB(93, 186, 175) and HSL(173, 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).

#5DBAAF FAQs

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