#312972

#312972

Color Values

HEX

#312972

RGB

49, 41, 114

HSL

246.6, 47.1%, 30.4%

HSV

246.6, 64.0%, 44.7%

CMYK

57.0%, 64.0%, 0.0%, 55.3%

OKLCH

0.3363 0.1209 282.7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#312972

#6A7229

Analogous

#294572

#562972

#312972

Triadic

#312972

#723129

#297231

Split Complementary

#312972

#725629

#457229

Tetradic

#312972

#722945

#6A7229

#297256

Color Blindness Simulation

Original

#312972

Protanopia

#2E2D60

Deuteranopia

#2E2F5C

Tritanopia

#31524F

Achromatopsia

#303030

CSS Usage

background-color: #312972;
color: #312972;
border-color: #312972;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CECAEC
300
#ABA5DF
400
#7E74CD
500
#5143BC
600
#413696
700
#342B78
800
#28225E
900
#201C45
950
#14122C

Contrast Checker

Text on white

12.42:1

AA Pass AAA Pass

Text on black

1.69:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026