#4630CF

#4630CF

Color Values

HEX

#4630CF

RGB

70, 48, 207

HSL

248,3, 62,4%, 50,0%

HSV

248,3, 76,8%, 81,2%

CMYK

66,2%, 76,8%, 0,0%, 18,8%

OKLCH

0,4535 0,2274 278,5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#4630CF

#B9CF30

Analogous

#3069CF

#9630CF

#4630CF

Triadic

#4630CF

#CF4630

#30CF46

Split Complementary

#4630CF

#CF9630

#69CF30

Tetradic

#4630CF

#CF3069

#B9CF30

#30CF96

Color Blindness Simulation

Original

#4630CF

Protanopia

#3C3CA9

Deuteranopia

#3E3F9F

Tritanopia

#458A83

Achromatopsia

#404040

CSS Usage

background-color: #4630CF;
color: #4630CF;
border-color: #4630CF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E6E4F7
200
#CBC5F2
300
#A69CE8
400
#7666DC
500
#4630CF
600
#3826A6
700
#2D1F85
800
#231868
900
#1D154C
950
#120D30

Contrast Checker

Text on white

8,13:1

AA Pass AAA Pass

Text on black

2,58:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026