#312B60 Color

Color Information

HEX#312B60
RGB49, 43, 96
HSL247° , 38% , 27%
HSV247° , 55% , 38%
CMYK49%, 55%, 0%, 62%

Lighter Shades

#4A4473 #625E86 #7B7799 #9491AC #ADAABF #C5C4D2

Darker Shades

#2B2654 #252149 #1F1C3D #191632 #141126 #0E0C1B

Complementary Palette

#2A2553 #312B60 #4D5225 #595F2B #707549 #4E4976

Analogous Palette

#353D4B #384251 #2E285A #312B60 #483851 #574861

Triadic Palette

#2B2654 #312B60 #662C24 #78453E #24662C #205A27

Split Complementary Palette

#2C2756 #312B60 #5F4B2B #6F5D40 #3F5F2B #395627

Square Palette

#292451 #312B60 #583240 #545832 #2B5F4B #4D7968

Tetradic Palette

#28234F #312B60 #6B1E62 #595F2B #1E6B27 #47864E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312B60 contains 49 red, 43 green, and 96 blue.

Contrast Ratio: 13.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.57:1