#313C9B

#313C9B

Color Values

HEX

#313C9B

RGB

49, 60, 155

HSL

233.8, 52.0%, 40.0%

HSV

233.8, 68.4%, 60.8%

CMYK

68.4%, 61.3%, 0.0%, 39.2%

OKLCH

0.4078 0.1536 272.5

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#313C9B

#9B9031

Analogous

#31719B

#5B319B

#313C9B

Triadic

#313C9B

#9B313C

#3C9B31

Split Complementary

#313C9B

#9B5B31

#719B31

Tetradic

#313C9B

#9B3171

#9B9031

#319B5B

Color Blindness Simulation

Original

#313C9B

Protanopia

#363684

Deuteranopia

#35347E

Tritanopia

#32726E

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E5E7F5
200
#C9CDEE
300
#A2A9E2
400
#707AD2
500
#3D4BC2
600
#313C9B
700
#27307C
800
#1F2561
900
#1A1E47
950
#10132D

Contrast Checker

Text on white

9.33:1

AA Pass AAA Pass

Text on black

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