#4633CC

#4633CC

Color Values

HEX

#4633CC

RGB

70, 51, 204

HSL

247.5, 60.0%, 50.0%

HSV

247.5, 75.0%, 80.0%

CMYK

65.7%, 75.0%, 0.0%, 20.0%

OKLCH

0.4542 0.2212 278.5

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#4633CC

#B9CC33

Analogous

#336CCC

#9333CC

#4633CC

Triadic

#4633CC

#CC4633

#33CC46

Split Complementary

#4633CC

#CC9333

#6CCC33

Tetradic

#4633CC

#CC336C

#B9CC33

#33CC93

Color Blindness Simulation

Original

#4633CC

Protanopia

#3E3EA7

Deuteranopia

#3F409E

Tritanopia

#458A83

Achromatopsia

#424242

CSS Usage

background-color: #4633CC;
color: #4633CC;
border-color: #4633CC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E6E4F6
200
#CBC6F1
300
#A69DE7
400
#7668D9
500
#4633CC
600
#3829A3
700
#2D2183
800
#231A66
900
#1D164B
950
#120E2F

Contrast Checker

Text on white

8.06:1

AA Pass AAA Pass

Text on black

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