#312EB1

#312EB1

Color Values

HEX

#312EB1

RGB

49, 46, 177

HSL

241.4, 58.7%, 43.7%

HSV

241.4, 74.0%, 69.4%

CMYK

72.3%, 74.0%, 0.0%, 30.6%

OKLCH

0.4055 0.1985 274.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#312EB1

#AEB12E

Analogous

#2E6CB1

#722EB1

#312EB1

Triadic

#312EB1

#B1312E

#2EB131

Split Complementary

#312EB1

#B1722E

#6CB12E

Tetradic

#312EB1

#B12E6C

#AEB12E

#2EB172

Color Blindness Simulation

Original

#312EB1

Protanopia

#303091

Deuteranopia

#30308A

Tritanopia

#317873

Achromatopsia

#383838

CSS Usage

background-color: #312EB1;
color: #312EB1;
border-color: #312EB1;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C7C6F0
300
#A09EE6
400
#6C69D8
500
#3835CA
600
#2D2AA2
700
#242281
800
#1C1A65
900
#18174A
950
#0F0E2F

Contrast Checker

Text on white

9.74:1

AA Pass AAA Pass

Text on black

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