#2B4D6D Color

Color Information

HEX#2B4D6D
RGB43, 77, 109
HSL209° , 43% , 30%
HSV209° , 61% , 43%
CMYK61%, 29%, 0%, 57%

Lighter Shades

#44627F #5E7890 #778DA2 #91A2B3 #AAB8C5 #C4CDD6

Darker Shades

#264460 #213B53 #1C3146 #162839 #111F2C #0C161F

Complementary Palette

#25425E #2B4D6D #5E4126 #6D4B2C #81644A #496681

Analogous Palette

#355554 #3C5D5D #284866 #2B4D6D #3C3C5D #4E4E6A

Triadic Palette

#264460 #2B4D6D #74254E #853F63 #4E7425 #456621

Split Complementary Palette

#274562 #2B4D6D #6D2C2D #7C4142 #6D6C2C #626128

Square Palette

#24415C #2B4D6D #643465 #654C34 #2D6D2C #4F844E

Tetradic Palette

#233F59 #2B4D6D #4B1F7A #6D4B2C #4E7A1F #6E9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4D6D contains 43 red, 77 green, and 109 blue.

Contrast Ratio: 9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.33:1