#312C50 Color

Color Information

HEX#312C50
RGB49, 44, 80
HSL248° , 29% , 24%
HSV248° , 45% , 31%
CMYK39%, 45%, 0%, 69%

Lighter Shades

#4A4565 #625F7A #7B788F #9491A4 #ADABB9 #C5C4CE

Darker Shades

#2B2746 #25213D #1F1C33 #19172A #141220 #0E0C16

Complementary Palette

#2A2645 #312C50 #404425 #4A4F2B #636849 #4E4A69

Analogous Palette

#303641 #343B46 #2E294B #312C50 #403446 #504158

Triadic Palette

#2B2746 #312C50 #562B25 #6A443F #25562B #214C26

Split Complementary Palette

#2C2848 #312C50 #4F422B #615540 #384F2B #324727

Square Palette

#292543 #312C50 #49313A #464931 #2B4F42 #4D6B60

Tetradic Palette

#282442 #312C50 #5B2053 #4A4F2B #205B28 #48794F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312C50 contains 49 red, 44 green, and 80 blue.

Contrast Ratio: 13.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.53:1