#312C68 Color

Color Information

HEX	#312C68
RGB	49, 44, 104
HSL	245° , 41% , 29%
HSV	245° , 58% , 41%
CMYK	53%, 58%, 0%, 59%

Lighter Shades

#4A457A #625F8C #7B789E #9491B0 #ADABC3 #C5C4D5

Darker Shades

#2B275C #25214F #1F1C43 #191736 #14122A #0E0C1D

Complementary Palette

#2A2659 #312C68 #555926 #63682C #797D4A #4E4A7D

Analogous Palette

#364253 #3A4759 #2E2962 #312C68 #4D3A59 #5B4C67

Triadic Palette

#2B275C #312C68 #702B24 #81443E #24702B #206326

Split Complementary Palette

#2C285E #312C68 #684F2C #776141 #45682C #3E5E28

Square Palette

#292557 #312C68 #613346 #5D6133 #2C684F #4E806B

Tetradic Palette

#282455 #312C68 #761E6E #63682C #1E7626 #478F4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312C68 contains 49 red, 44 green, and 104 blue.

Contrast Ratio: 13.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.61:1