#5133CC

#5133CC

Color Values

HEX

#5133CC

RGB

81, 51, 204

HSL

251.8, 60.0%, 50.0%

HSV

251.8, 75.0%, 80.0%

CMYK

60.3%, 75.0%, 0.0%, 20.0%

OKLCH

0.4629 0.2193 282.6

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5133CC

#AECC33

Analogous

#3361CC

#9E33CC

#5133CC

Triadic

#5133CC

#CC5133

#33CC51

Split Complementary

#5133CC

#CC9E33

#61CC33

Tetradic

#5133CC

#CC3361

#AECC33

#33CC9E

Color Blindness Simulation

Original

#5133CC

Protanopia

#4444A7

Deuteranopia

#46489E

Tritanopia

#508A83

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E8E4F6
200
#CEC6F1
300
#AC9DE7
400
#7E68D9
500
#5133CC
600
#4129A3
700
#342183
800
#291A66
900
#21164B
950
#150E2F

Contrast Checker

Text on white

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