#2C4380 Color

Color Information

HEX	#2C4380
RGB	44, 67, 128
HSL	224° , 49% , 34%
HSV	224° , 66% , 50%
CMYK	66%, 48%, 0%, 50%

Lighter Shades

#455A8F #5F709E #7887AE #919DBD #ABB4CC #C4CADB

Darker Shades

#273B71 #213361 #1C2B52 #172343 #121B33 #0C1324

Complementary Palette

#263A6E #2C4380 #6F5C26 #816B2C #93804A #4A5D92

Analogous Palette

#375C67 #3E6470 #293F78 #2C4380 #493E70 #595176

Triadic Palette

#273B71 #2C4380 #8A243F #983E56 #3F8A24 #377920

Split Complementary Palette

#283C73 #2C4380 #81402C #8E5341 #6D812C #627428

Square Palette

#25386C #2C4380 #793569 #796635 #2C8140 #4E955F

Tetradic Palette

#243769 #2C4380 #721D91 #816B2C #3C911D #5FA546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4380 contains 44 red, 67 green, and 128 blue.

Contrast Ratio: 9.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.16:1