#3F695B Color

Color Information

HEX#3F695B
RGB63, 105, 91
HSL160° , 25% , 33%
HSV160° , 40% , 41%
CMYK40%, 0%, 13%, 59%

Lighter Shades

#567B6F #6D8D82 #849F96 #9BB1AA #B2C3BD #C9D5D1

Darker Shades

#375C50 #305045 #28433A #21372F #192A24 #121D19

Complementary Palette

#365A4E #3F695B #5A3642 #693F4D #7E5A66 #5A7E72

Analogous Palette

#415844 #48614C #3B6356 #3F695B #485D61 #526B6F

Triadic Palette

#375C50 #3F695B #5E3772 #714F83 #725E37 #645330

Split Complementary Palette

#395F52 #3F695B #693F62 #785272 #69463F #5F3F39

Square Palette

#35584C #3F695B #4C4861 #614850 #62693F #7B815E

Tetradic Palette

#34564B #3F695B #304878 #693F4D #786030 #907D55

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F695B contains 63 red, 105 green, and 91 blue.

Contrast Ratio: 6.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.38:1