#312B99

#312B99

Color Values

HEX

#312B99

RGB

49, 43, 153

HSL

243.3, 56.1%, 38.4%

HSV

243.3, 71.9%, 60.0%

CMYK

68.0%, 71.9%, 0.0%, 40.0%

OKLCH

0.3765 0.1714 276.7

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#312B99

#93992B

Analogous

#2B5C99

#682B99

#312B99

Triadic

#312B99

#99312B

#2B9931

Split Complementary

#312B99

#99682B

#5C992B

Tetradic

#312B99

#992B5C

#93992B

#2B9968

Color Blindness Simulation

Original

#312B99

Protanopia

#2E2E7E

Deuteranopia

#2F2F78

Tritanopia

#316965

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#C9C7EF
300
#A39FE4
400
#726CD6
500
#4038C7
600
#332D9F
700
#29247F
800
#201C64
900
#1B1849
950
#110F2E

Contrast Checker

Text on white

10.85:1

AA Pass AAA Pass

Text on black

1.94:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026