#2F4766 Color

Color Information

HEX	#2F4766
RGB	47, 71, 102
HSL	214° , 37% , 29%
HSV	214° , 54% , 40%
CMYK	54%, 30%, 0%, 60%

Lighter Shades

#485D78 #61738B #7A899D #939FAF #ACB5C2 #C5CBD4

Darker Shades

#293E5A #24364E #1E2D41 #182535 #131C29 #0D141D

Complementary Palette

#283D58 #2F4766 #574328 #654E2F #7B674C #4C617B

Analogous Palette

#394F51 #3E5556 #2C4360 #2F4766 #3F3E56 #4D4C67

Triadic Palette

#293E5A #2F4766 #6C2845 #7E425B #456C28 #3D5F23

Split Complementary Palette

#2A405C #2F4766 #65322F #744744 #62652F #585B2A

Square Palette

#273C56 #2F4766 #5D375B #5D4D37 #2F6532 #507E53

Tetradic Palette

#273A54 #2F4766 #4F2272 #654E2F #457222 #668B4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4766 contains 47 red, 71 green, and 102 blue.

Contrast Ratio: 9.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.15:1