#5D686C

Color Details

HEX
#5D686C
RGB
rgb(93, 104, 108)
HSL
hsl(196, 7%, 39%)
CMYK
cmyk(14%, 4%, 0%, 58%)
Best text on this color #FFFFFF (CR 5.73:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5d686c
Contrast 3.66:1 Fail
White on #5d686c
Contrast 5.73:1 AA
#5d686c on Black
Contrast 3.66:1 Fail
#5d686c on White
Contrast 5.73:1 AA

Tints & Shades

#7d8689
#9ea4a7
#bec3c4
#4a5356
#383e41
#252a2b

Complement & Analogous

#6a605c
#4e5879
#4e796f

Triadic

#6a5c67
#676a5c

Monochrome

#252a2b #383e41 #5d686c #9ea4a7 #bec3c4 #dfe1e2

Analogous

#4e796f #83a19a #5d686c #717994 #4e5879 #3e4661

Complementary Mix

#383e41 #5d686c #9ea4a7 #6a605c #9e9895 #453e3c

Nearby Colors

#5d686b
#5d686d
#5d685c
#5d687c

Embed #5D686C swatch

Embed this swatch

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

Open image

About #5D686C

#5D686C converts to RGB(93, 104, 108) and HSL(196, 7%, 39%). 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).

#5D686C FAQs

What is the RGB value of #5D686C?
RGB: 93, 104, 108. Copy as CSS: rgb(93, 104, 108)
Is #5D686C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5D686C?
Complement: #6a605c.
Does #5D686C have good contrast on white or black?
On white: 5.73:1 (AA (normal text)). On black: 3.66:1 (AA (large text)).