#5D686D Color

Color Information

HEX	#5D686D
RGB	93, 104, 109
HSL	199° , 8% , 40%
HSV	199° , 15% , 43%
CMYK	15%, 5%, 0%, 57%

Lighter Shades

#707A7F #848C90 #979EA2 #ABB0B3 #BEC3C5 #D2D5D6

Darker Shades

#525C60 #474F53 #3C4346 #303639 #252A2C #1A1D1F

Complementary Palette

#50595E #5D686D #5F5551 #6E635E #827975 #747D81

Analogous Palette

#506D67 #577570 #576266 #5D686D #575C75 #626884

Triadic Palette

#525C60 #5D686D #78546D #88697F #6D7854 #606A4A

Split Complementary Palette

#545E62 #5D686D #6E5E61 #7D6E71 #6E6B5E #636055

Square Palette

#4E575C #5D686D #705775 #756057 #616E5E #7A8578

Tetradic Palette

#4C5559 #5D686D #5C4B81 #6E635E #70814B #8A986B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5D686D contains 93 red, 104 green, and 109 blue.

Contrast Ratio: 5.72:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.67:1