#5253D2

#5253D2

Color Values

HEX

#5253D2

RGB

82, 83, 210

HSL

239.5, 58.7%, 57.3%

HSV

239.5, 61.0%, 82.4%

CMYK

61.0%, 60.5%, 0.0%, 17.6%

OKLCH

0.5169 0.1908 277.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5253D2

#D2D152

Analogous

#5293D2

#9152D2

#5253D2

Triadic

#5253D2

#D25253

#53D252

Split Complementary

#5253D2

#D29152

#93D252

Tetradic

#5253D2

#D25293

#D2D152

#52D291

Color Blindness Simulation

Original

#5253D2

Protanopia

#5252B3

Deuteranopia

#5252AC

Tritanopia

#529B96

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5253D2;
color: #5253D2;
border-color: #5253D2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F4FB
100
#E4E4F6
200
#C6C7F0
300
#9E9EE6
400
#696AD8
500
#3536CA
600
#2A2BA2
700
#222281
800
#1A1B65
900
#17174A
950
#0E0F2F

Contrast Checker

Text on white

5.95:1

AA Pass AAA Fail

Text on black

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