#3F5972 Color

Color Information

HEX#3F5972
RGB63, 89, 114
HSL209° , 29% , 35%
HSV209° , 45% , 45%
CMYK45%, 22%, 0%, 55%

Lighter Shades

#566D83 #6D8194 #8495A5 #9BA9B6 #B2BDC7 #C9D1D8

Darker Shades

#374E64 #304457 #283949 #212E3B #19242E #121920

Complementary Palette

#364D62 #3F5972 #634C36 #73583F #876F5A #5A7086

Analogous Palette

#455E5D #4C6766 #3B546B #3F5972 #4C4C67 #575775

Triadic Palette

#374E64 #3F5972 #7C365A #8C4E6E #5A7C36 #4F6D30

Split Complementary Palette

#395067 #3F5972 #733F40 #815253 #73723F #686739

Square Palette

#354B60 #3F5972 #6A486A #6A5948 #40733F #5F895E

Tetradic Palette

#34495D #3F5972 #582F83 #73583F #5B832F #799954

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5972 contains 63 red, 89 green, and 114 blue.

Contrast Ratio: 7.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.85:1