#534FF2

#534FF2

Color Values

HEX

#534FF2

RGB

83, 79, 242

HSL

241.5, 86.2%, 62.9%

HSV

241.5, 67.4%, 94.9%

CMYK

65.7%, 67.4%, 0.0%, 5.1%

OKLCH

0.5383 0.2353 276.1

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#534FF2

#EEF24F

Analogous

#4F9CF2

#A44FF2

#534FF2

Triadic

#534FF2

#F2534F

#4FF253

Split Complementary

#534FF2

#F2A44F

#9CF24F

Tetradic

#534FF2

#F24F9C

#EEF24F

#4FF2A4

Color Blindness Simulation

Original

#534FF2

Protanopia

#5151CB

Deuteranopia

#5252C1

Tritanopia

#53ABA5

Achromatopsia

#5C5C5C

CSS Usage

background-color: #534FF2;
color: #534FF2;
border-color: #534FF2;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBDFA
300
#908DF7
400
#534FF2
500
#1712ED
600
#120EBE
700
#0F0B98
800
#0C0977
900
#0D0B56
950
#080736

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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