#2B4C62 Color

Color Information

HEX	#2B4C62
RGB	43, 76, 98
HSL	204° , 39% , 28%
HSV	204° , 56% , 38%
CMYK	56%, 22%, 0%, 62%

Lighter Shades

#446175 #5E7788 #778C9B #91A2AD #AAB7C0 #C4CDD3

Darker Shades

#264356 #213A4A #1C313F #162833 #111E27 #0C151B

Complementary Palette

#254154 #2B4C62 #553926 #63422C #795C4A #496578

Analogous Palette

#364F4C #3B5452 #28475C #2B4C62 #3B3D54 #4A4C64

Triadic Palette

#264356 #2B4C62 #6A254E #7C3F63 #4E6A25 #455D21

Split Complementary Palette

#274458 #2B4C62 #632C31 #734146 #635E2C #595528

Square Palette

#244052 #2B4C62 #58335B #5B4333 #31632C #527C4E

Tetradic Palette

#233E50 #2B4C62 #3F1F6F #63422C #4F6F1F #6F8947

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4C62 contains 43 red, 76 green, and 98 blue.

Contrast Ratio: 9.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.26:1