#2C3996 Color

Color Information

HEX#2C3996
RGB44, 57, 150
HSL233° , 55% , 38%
HSV233° , 71% , 59%
CMYK71%, 62%, 0%, 41%

Lighter Shades

#4551A3 #5F69AF #7880BC #9198C8 #ABB0D5 #C4C8E2

Darker Shades

#273284 #212B72 #1C2460 #171E4E #12173C #0C102A

Complementary Palette

#263181 #2C3996 #817726 #968A2C #A59A4A #4A55A5

Analogous Palette

#3A6178 #3F6983 #29368D #2C3996 #593F83 #685388

Triadic Palette

#273284 #2C3996 #A02231 #AB3D4A #31A022 #2B8D1E

Split Complementary Palette

#283387 #2C3996 #96542C #A16541 #6D962C #628728

Square Palette

#25307E #2C3996 #8D356B #8D8235 #2C9654 #4EA76F

Tetradic Palette

#242F7B #2C3996 #971AA8 #968A2C #2BA81A #51B843

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3996 contains 44 red, 57 green, and 150 blue.

Contrast Ratio: 10.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.07:1