#2C4279 Color

Color Information

HEX	#2C4279
RGB	44, 66, 121
HSL	223° , 47% , 32%
HSV	223° , 64% , 47%
CMYK	64%, 45%, 0%, 53%

Lighter Shades

#455989 #5F6F99 #7886A9 #919DB9 #ABB3C9 #C4CAD9

Darker Shades

#273A6A #21325C #1C2A4D #17223F #121A30 #0C1222

Complementary Palette

#263968 #2C4279 #675425 #78622B #8B7849 #4A5C8C

Analogous Palette

#36555E #3C5E68 #293E72 #2C4279 #453C68 #564E6E

Triadic Palette

#273A6A #2C4279 #80233D #8F3D54 #3D8023 #36711F

Split Complementary Palette

#283B6D #2C4279 #783C2B #865040 #67782B #5D6C27

Square Palette

#253766 #2C4279 #703363 #705F33 #2B783C #4D8E5B

Tetradic Palette

#243663 #2C4279 #691D87 #78622B #3B871D #5E9D46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4279 contains 44 red, 66 green, and 121 blue.

Contrast Ratio: 10:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1