#5430CF

#5430CF

Color Values

HEX

#5430CF

RGB

84, 48, 207

HSL

253.6, 62.4%, 50.0%

HSV

253.6, 76.8%, 81.2%

CMYK

59.4%, 76.8%, 0.0%, 18.8%

OKLCH

0.4648 0.2251 283.7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5430CF

#ABCF30

Analogous

#305BCF

#A430CF

#5430CF

Triadic

#5430CF

#CF5430

#30CF54

Split Complementary

#5430CF

#CFA430

#5BCF30

Tetradic

#5430CF

#CF305B

#ABCF30

#30CFA4

Color Blindness Simulation

Original

#5430CF

Protanopia

#4444A9

Deuteranopia

#46499F

Tritanopia

#528A83

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E8E4F7
200
#CFC5F2
300
#AD9CE8
400
#8066DC
500
#5430CF
600
#4326A6
700
#361F85
800
#2A1868
900
#22154C
950
#150D30

Contrast Checker

Text on white

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