#2C4E95 Color

Color Information

HEX#2C4E95
RGB44, 78, 149
HSL221° , 54% , 38%
HSV221° , 70% , 58%
CMYK70%, 48%, 0%, 42%

Lighter Shades

#4563A2 #5F78AE #788EBB #91A3C8 #ABB8D5 #C4CDE1

Darker Shades

#274583 #213B71 #1C325F #17294D #121F3C #0C162A

Complementary Palette

#264380 #2C4E95 #806427 #95742D #A4874A #4A67A4

Analogous Palette

#3B6C78 #407682 #29498C #2C4E95 #4C4082 #5E5487

Triadic Palette

#274583 #2C4E95 #9F234A #AB3D60 #4A9F23 #418C1F

Split Complementary Palette

#284686 #2C4E95 #95402D #A05342 #82952D #758629

Square Palette

#25427D #2C4E95 #8C367C #8C7136 #2D9540 #4FA65F

Tetradic Palette

#24407A #2C4E95 #7A1BA7 #95742D #47A71B #68B744

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4E95 contains 44 red, 78 green, and 149 blue.

Contrast Ratio: 8.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1