#312F9D

#312F9D

Color Values

HEX

#312F9D

RGB

49, 47, 157

HSL

241.1, 53.9%, 40.0%

HSV

241.1, 70.1%, 61.6%

CMYK

68.8%, 70.1%, 0.0%, 38.4%

OKLCH

0.3867 0.1721 275.5

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#312F9D

#9B9D2F

Analogous

#2F649D

#682F9D

#312F9D

Triadic

#312F9D

#9D312F

#2F9D31

Split Complementary

#312F9D

#9D682F

#649D2F

Tetradic

#312F9D

#9D2F64

#9B9D2F

#2F9D68

Color Blindness Simulation

Original

#312F9D

Protanopia

#303082

Deuteranopia

#30307C

Tritanopia

#316D69

Achromatopsia

#373737

CSS Usage

background-color: #312F9D;
color: #312F9D;
border-color: #312F9D;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C9C8EF
300
#A2A1E3
400
#706ED4
500
#3D3BC4
600
#312F9D
700
#27267E
800
#1F1D62
900
#1A1948
950
#10102D

Contrast Checker

Text on white

10.38:1

AA Pass AAA Pass

Text on black

2.02: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