#3F5064 Color

Color Information

HEX#3F5064
RGB63, 80, 100
HSL212° , 23% , 32%
HSV212° , 37% , 39%
CMYK37%, 20%, 0%, 61%

Lighter Shades

#566577 #6D7A89 #848F9C #9BA4AE #B2B9C1 #C9CED4

Darker Shades

#374658 #303D4C #283340 #212A34 #192028 #12161C

Complementary Palette

#364556 #3F5064 #564736 #64533F #7A6B5A #5A697A

Analogous Palette

#3F5455 #455D5E #3B4B5E #3F5064 #46455E #51506D

Triadic Palette

#374658 #3F5064 #6D3750 #7F4F65 #506D37 #466030

Split Complementary Palette

#39485A #3F5064 #64403F #745352 #63643F #595A39

Square Palette

#354354 #3F5064 #5E455D #5E5245 #3F6440 #5E7D5F

Tetradic Palette

#344252 #3F5064 #543073 #64533F #4F7330 #6F8C55

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F5064 contains 63 red, 80 green, and 100 blue.

Contrast Ratio: 8.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.5:1