#2F4C6A Color

Color Information

HEX	#2F4C6A
RGB	47, 76, 106
HSL	211° , 39% , 30%
HSV	211° , 56% , 42%
CMYK	56%, 28%, 0%, 58%

Lighter Shades

#48617C #61778E #7A8CA0 #93A2B2 #ACB7C3 #C5CDD5

Darker Shades

#29435D #243A51 #1E3144 #182837 #131E2A #0D151E

Complementary Palette

#28415B #2F4C6A #5B4228 #6A4D2F #7F664C #4C657F

Analogous Palette

#3A5555 #3E5B5B #2C4764 #2F4C6A #3E3E5B #4E4E6A

Triadic Palette

#29435D #2F4C6A #72274B #834161 #4B7227 #426422

Split Complementary Palette

#2A445F #2F4C6A #6A302F #794544 #696A2F #5F5F2A

Square Palette

#274059 #2F4C6A #633662 #634D36 #2F6A30 #508251

Tetradic Palette

#273E57 #2F4C6A #4E2178 #6A4D2F #4B7821 #6B9049

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4C6A contains 47 red, 76 green, and 106 blue.

Contrast Ratio: 9.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.31:1