#5B53EE

#5B53EE

Color Values

HEX

#5B53EE

RGB

91, 83, 238

HSL

243.1, 82.0%, 62.9%

HSV

243.1, 65.1%, 93.3%

CMYK

61.8%, 65.1%, 0.0%, 6.7%

OKLCH

0.5463 0.2244 278.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5B53EE

#E6EE53

Analogous

#5398EE

#A853EE

#5B53EE

Triadic

#5B53EE

#EE5B53

#53EE5B

Split Complementary

#5B53EE

#EEA853

#98EE53

Tetradic

#5B53EE

#EE5398

#E6EE53

#53EEA8

Color Blindness Simulation

Original

#5B53EE

Protanopia

#5857C9

Deuteranopia

#5859C0

Tritanopia

#5BABA4

Achromatopsia

#606060

CSS Usage

background-color: #5B53EE;
color: #5B53EE;
border-color: #5B53EE;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F2FD
100
#E2E1FA
200
#C1BEF9
300
#9590F4
400
#5B53EE
500
#2217E8
600
#1B12BA
700
#160F95
800
#110B74
900
#100D54
950
#0A0835

Contrast Checker

Text on white

5.36:1

AA Pass AAA Fail

Text on black

3.92:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026