#5359E8

#5359E8

Color Values

HEX

#5359E8

RGB

83, 89, 232

HSL

237.6, 76.4%, 61.8%

HSV

237.6, 64.2%, 91.0%

CMYK

64.2%, 61.6%, 0.0%, 9.0%

OKLCH

0.5457 0.2117 275.0

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5359E8

#E8E253

Analogous

#53A4E8

#9853E8

#5359E8

Triadic

#5359E8

#E85359

#59E853

Split Complementary

#5359E8

#E89853

#A4E853

Tetradic

#5359E8

#E853A4

#E8E253

#53E898

Color Blindness Simulation

Original

#5359E8

Protanopia

#5656C5

Deuteranopia

#5555BD

Tritanopia

#53AAA4

Achromatopsia

#626262

CSS Usage

background-color: #5359E8;
color: #5359E8;
border-color: #5359E8;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C2F7
300
#9397F1
400
#595EE9
500
#1E26E1
600
#181EB4
700
#131890
800
#0F1370
900
#0F1252
950
#0A0B34

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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