#3F485F Color

Color Information

HEX	#3F485F
RGB	63, 72, 95
HSL	223° , 20% , 31%
HSV	223° , 34% , 37%
CMYK	34%, 24%, 0%, 63%

Lighter Shades

#565E72 #6D7485 #848A99 #9BA0AC #B2B6BF #C9CCD2

Darker Shades

#373F54 #303748 #282E3D #212531 #191D26 #12141B

Complementary Palette

#363E52 #3F485F #524A36 #5F563F #756E5A #5A6275

Analogous Palette

#3D4E52 #43565B #3B4459 #3F485F #48435B #544E6A

Triadic Palette

#373F54 #3F485F #673745 #794F5B #456737 #3D5B30

Split Complementary Palette

#394156 #3F485F #5F463F #6F5952 #585F3F #4F5639

Square Palette

#353C50 #3F485F #5B4356 #5B5443 #3F5F46 #5E7964

Tetradic Palette

#343B4E #3F485F #5C316D #5F563F #426D31 #648756

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3F485F contains 63 red, 72 green, and 95 blue.

Contrast Ratio: 9.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.25:1