#4631CE

#4631CE

Color Values

HEX

#4631CE

RGB

70, 49, 206

HSL

248.0, 61.6%, 50.0%

HSV

248.0, 76.2%, 80.8%

CMYK

66.0%, 76.2%, 0.0%, 19.2%

OKLCH

0.4537 0.2254 278.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#4631CE

#B9CE31

Analogous

#316BCE

#9431CE

#4631CE

Triadic

#4631CE

#CE4631

#31CE46

Split Complementary

#4631CE

#CE9431

#6BCE31

Tetradic

#4631CE

#CE316B

#B9CE31

#31CE94

Color Blindness Simulation

Original

#4631CE

Protanopia

#3D3DA8

Deuteranopia

#3E409F

Tritanopia

#458A83

Achromatopsia

#414141

CSS Usage

background-color: #4631CE;
color: #4631CE;
border-color: #4631CE;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#CBC5F1
300
#A69CE7
400
#7667DB
500
#4631CE
600
#3827A5
700
#2D1F84
800
#231867
900
#1D164B
950
#120E30

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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