#313DCE

#313DCE

Color Values

HEX

#313DCE

RGB

49, 61, 206

HSL

235.4, 61.6%, 50.0%

HSV

235.4, 76.2%, 80.8%

CMYK

76.2%, 70.4%, 0.0%, 19.2%

OKLCH

0.4574 0.2187 270.6

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#313DCE

#CEC231

Analogous

#318CCE

#7331CE

#313DCE

Triadic

#313DCE

#CE313D

#3DCE31

Split Complementary

#313DCE

#CE7331

#8CCE31

Tetradic

#313DCE

#CE318C

#CEC231

#31CE73

Color Blindness Simulation

Original

#313DCE

Protanopia

#3636AB

Deuteranopia

#3635A2

Tritanopia

#328F89

Achromatopsia

#454545

CSS Usage

background-color: #313DCE;
color: #313DCE;
border-color: #313DCE;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C5C9F1
300
#9CA2E7
400
#676FDB
500
#313DCE
600
#2731A5
700
#1F2784
800
#181F67
900
#161A4B
950
#0E1030

Contrast Checker

Text on white

7.81:1

AA Pass AAA Pass

Text on black

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