#2C4383 Color

Color Information

HEX#2C4383
RGB44, 67, 131
HSL224° , 50% , 34%
HSV224° , 66% , 51%
CMYK66%, 49%, 0%, 49%

Lighter Shades

#455A92 #5F70A1 #7887B0 #919DBF #ABB4CD #C4CADC

Darker Shades

#273B73 #213364 #1C2B54 #172344 #121B34 #0C1325

Complementary Palette

#263A71 #2C4383 #705C25 #826B2B #948049 #4A5D94

Analogous Palette

#375C67 #3D6571 #293F7B #2C4383 #493D71 #595077

Triadic Palette

#273B73 #2C4383 #8B233E #993D55 #3E8B23 #377A1F

Split Complementary Palette

#283C76 #2C4383 #82402B #8F5340 #6E822B #637527

Square Palette

#25386E #2C4383 #793469 #796734 #2B8240 #4D965F

Tetradic Palette

#24376B #2C4383 #721C92 #826B2B #3B921C #5EA645

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4383 contains 44 red, 67 green, and 131 blue.

Contrast Ratio: 9.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.18:1