#2C3D96 Color

Color Information

HEX	#2C3D96
RGB	44, 61, 150
HSL	230° , 55% , 38%
HSV	230° , 71% , 59%
CMYK	71%, 59%, 0%, 41%

Lighter Shades

#4554A3 #5F6CAF #7883BC #919AC8 #ABB1D5 #C4C9E2

Darker Shades

#273684 #212E72 #1C2760 #17204E #12183C #0C112A

Complementary Palette

#263481 #2C3D96 #817226 #96842C #A5954A #4A58A5

Analogous Palette

#3A6478 #3F6C83 #29398D #2C3D96 #563F83 #655388

Triadic Palette

#273684 #2C3D96 #A02237 #AB3D4F #37A022 #308D1E

Split Complementary Palette

#283787 #2C3D96 #964F2C #A16141 #73962C #688728

Square Palette

#25337E #2C3D96 #8D356F #8D7E35 #2C964F #4EA76B

Tetradic Palette

#24327B #2C3D96 #901AA8 #96842C #32A81A #57B843

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3D96 contains 44 red, 61 green, and 150 blue.

Contrast Ratio: 9.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.15:1