#2B4580 Color

Color Information

HEX	#2B4580
RGB	43, 69, 128
HSL	222° , 50% , 34%
HSV	222° , 66% , 50%
CMYK	66%, 46%, 0%, 50%

Lighter Shades

#445B8F #5E729E #7788AE #919EBD #AAB5CC #C4CBDB

Darker Shades

#263D71 #213461 #1C2C52 #162443 #111C33 #0C1324

Complementary Palette

#253B6E #2B4580 #705925 #82682B #947D49 #495F92

Analogous Palette

#375D67 #3D6671 #284178 #2B4580 #473D71 #585077

Triadic Palette

#263D71 #2B4580 #8B2342 #993D59 #428B23 #3A7A1F

Split Complementary Palette

#273E73 #2B4580 #823D2B #8F5040 #71822B #667527

Square Palette

#243A6C #2B4580 #79346C #796534 #2B823D #4D965C

Tetradic Palette

#233969 #2B4580 #6E1C92 #82682B #3F921C #62A645

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B4580 contains 43 red, 69 green, and 128 blue.

Contrast Ratio: 9.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.21:1