#2B556D Color

Color Information

HEX	#2B556D
RGB	43, 85, 109
HSL	202° , 43% , 30%
HSV	202° , 61% , 43%
CMYK	61%, 22%, 0%, 57%

Lighter Shades

#44697F #5E7E90 #7792A2 #91A7B3 #AABBC5 #C4CFD6

Darker Shades

#264B60 #214153 #1C3646 #162C39 #11222C #0C181F

Complementary Palette

#25495E #2B556D #5E3A26 #6D442C #815E4A #496D81

Analogous Palette

#355551 #3C5D59 #285066 #2B556D #3C405D #4E516A

Triadic Palette

#264B60 #2B556D #742557 #853F6B #577425 #4D6621

Split Complementary Palette

#274D62 #2B556D #6D2C34 #7C4148 #6D652C #625B28

Square Palette

#24475C #2B556D #5F3465 #654634 #346D2C #54844E

Tetradic Palette

#234659 #2B556D #401F7A #6D442C #597A1F #779247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B556D contains 43 red, 85 green, and 109 blue.

Contrast Ratio: 8.13:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.58:1