#525DEF

#525DEF

Color Values

HEX

#525DEF

RGB

82, 93, 239

HSL

235.8, 83.1%, 62.9%

HSV

235.8, 65.7%, 93.7%

CMYK

65.7%, 61.1%, 0.0%, 6.3%

OKLCH

0.5576 0.2162 273.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#525DEF

#EFE452

Analogous

#52ABEF

#9552EF

#525DEF

Triadic

#525DEF

#EF525D

#5DEF52

Split Complementary

#525DEF

#EF9552

#ABEF52

Tetradic

#525DEF

#EF52AB

#EFE452

#52EF95

Color Blindness Simulation

Original

#525DEF

Protanopia

#5757CC

Deuteranopia

#5655C3

Tritanopia

#53B0AA

Achromatopsia

#656565

CSS Usage

background-color: #525DEF;
color: #525DEF;
border-color: #525DEF;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E2FA
200
#BEC2F9
300
#8F96F5
400
#525DEF
500
#1624E9
600
#111DBB
700
#0E1795
800
#0B1275
900
#0C1155
950
#080B35

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026