#5233CC

#5233CC

Color Values

HEX

#5233CC

RGB

82, 51, 204

HSL

252.2, 60.0%, 50.0%

HSV

252.2, 75.0%, 80.0%

CMYK

59.8%, 75.0%, 0.0%, 20.0%

OKLCH

0.4637 0.2192 283.0

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5233CC

#ADCC33

Analogous

#3360CC

#9F33CC

#5233CC

Triadic

#5233CC

#CC5233

#33CC52

Split Complementary

#5233CC

#CC9F33

#60CC33

Tetradic

#5233CC

#CC3360

#ADCC33

#33CC9F

Color Blindness Simulation

Original

#5233CC

Protanopia

#4544A7

Deuteranopia

#46499E

Tritanopia

#508A83

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#CFC6F1
300
#AC9DE7
400
#7F68D9
500
#5233CC
600
#4229A3
700
#352183
800
#291A66
900
#21164B
950
#150E2F

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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