#5252F3

#5252F3

Color Values

HEX

#5252F3

RGB

82, 82, 243

HSL

240.0, 87.0%, 63.7%

HSV

240.0, 66.3%, 95.3%

CMYK

66.3%, 66.3%, 0.0%, 4.7%

OKLCH

0.5431 0.2335 275.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5252F3

#F3F352

Analogous

#52A2F3

#A252F3

#5252F3

Triadic

#5252F3

#F35252

#52F352

Split Complementary

#5252F3

#F3A252

#A2F352

Tetradic

#5252F3

#F352A2

#F3F352

#52F3A2

Color Blindness Simulation

Original

#5252F3

Protanopia

#5252CC

Deuteranopia

#5252C3

Tritanopia

#52ADA7

Achromatopsia

#5E5E5E

CSS Usage

background-color: #5252F3;
color: #5252F3;
border-color: #5252F3;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E0E0FA
200
#BCBCFA
300
#8D8DF7
400
#4F4FF3
500
#1111EE
600
#0D0DBF
700
#0B0B99
800
#080877
900
#0B0B56
950
#070737

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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