#535BEE

#535BEE

Color Values

HEX

#535BEE

RGB

83, 91, 238

HSL

236.9, 82.0%, 62.9%

HSV

236.9, 65.1%, 93.3%

CMYK

65.1%, 61.8%, 0.0%, 6.7%

OKLCH

0.554 0.217 274.4

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#535BEE

#EEE653

Analogous

#53A8EE

#9853EE

#535BEE

Triadic

#535BEE

#EE535B

#5BEE53

Split Complementary

#535BEE

#EE9853

#A8EE53

Tetradic

#535BEE

#EE53A8

#EEE653

#53EE98

Color Blindness Simulation

Original

#535BEE

Protanopia

#5657CA

Deuteranopia

#5655C2

Tritanopia

#53AEA8

Achromatopsia

#646464

CSS Usage

background-color: #535BEE;
color: #535BEE;
border-color: #535BEE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E2FA
200
#BEC1F9
300
#9095F4
400
#535BEE
500
#1722E8
600
#121BBA
700
#0F1695
800
#0B1174
900
#0D1054
950
#080A35

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

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