#313589

#313589

Color Values

HEX

#313589

RGB

49, 53, 137

HSL

237.3, 47.3%, 36.5%

HSV

237.3, 64.2%, 53.7%

CMYK

64.2%, 61.3%, 0.0%, 46.3%

OKLCH

0.3789 0.1374 275.6

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#313589

#898531

Analogous

#316189

#593189

#313589

Triadic

#313589

#893135

#358931

Split Complementary

#313589

#895931

#618931

Tetradic

#313589

#893161

#898531

#318959

Color Blindness Simulation

Original

#313589

Protanopia

#333375

Deuteranopia

#323270

Tritanopia

#316561

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CACCEC
300
#A5A7DF
400
#7478CD
500
#4349BC
600
#363A96
700
#2B2E78
800
#22245E
900
#1C1E45
950
#12132C

Contrast Checker

Text on white

10.49:1

AA Pass AAA Pass

Text on black

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