#3F575F Color

Color Information

HEX#3F575F
RGB63, 87, 95
HSL195° , 20% , 31%
HSV195° , 34% , 37%
CMYK34%, 8%, 0%, 63%

Lighter Shades

#566B72 #6D7F85 #849399 #9BA8AC #B2BCBF #C9D0D2

Darker Shades

#374D54 #304248 #28383D #212D31 #192326 #12181B

Complementary Palette

#364B52 #3F575F #523D36 #5F473F #75615A #5A6F75

Analogous Palette

#3D524D #435B55 #3B5259 #3F575F #43495B #4E556A

Triadic Palette

#374D54 #3F575F #67375B #794F6F #5B6737 #505B30

Split Complementary Palette

#394E56 #3F575F #5F3F47 #6F5259 #5F573F #564E39

Square Palette

#354950 #3F575F #55435B #5B4943 #475F3F #64795E

Tetradic Palette

#34474E #3F575F #40316D #5F473F #5E6D31 #7B8756

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F575F contains 63 red, 87 green, and 95 blue.

Contrast Ratio: 7.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1