#5356E6

#5356E6

Color Values

HEX

#5356E6

RGB

83, 86, 230

HSL

238.8, 74.6%, 61.4%

HSV

238.8, 63.9%, 90.2%

CMYK

63.9%, 62.6%, 0.0%, 9.8%

OKLCH

0.539 0.2127 275.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5356E6

#E6E353

Analogous

#53A0E6

#9A53E6

#5356E6

Triadic

#5356E6

#E65356

#56E653

Split Complementary

#5356E6

#E69A53

#A0E653

Tetradic

#5356E6

#E653A0

#E6E353

#53E69A

Color Blindness Simulation

Original

#5356E6

Protanopia

#5454C3

Deuteranopia

#5454BB

Tritanopia

#53A8A2

Achromatopsia

#606060

CSS Usage

background-color: #5356E6;
color: #5356E6;
border-color: #5356E6;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FC
100
#E2E2F8
200
#C1C2F6
300
#9496EF
400
#5A5DE7
500
#2024DF
600
#1A1DB2
700
#15178E
800
#10126F
900
#101151
950
#0A0B33

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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