#5252FC

#5252FC

Color Values

HEX

#5252FC

RGB

82, 82, 252

HSL

240.0, 96.6%, 65.5%

HSV

240.0, 67.5%, 98.8%

CMYK

67.5%, 67.5%, 0.0%, 1.2%

OKLCH

0.5511 0.2444 274.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5252FC

#FCFC52

Analogous

#52A7FC

#A752FC

#5252FC

Triadic

#5252FC

#FC5252

#52FC52

Split Complementary

#5252FC

#FCA752

#A7FC52

Tetradic

#5252FC

#FC52A7

#FCFC52

#52FCA7

Color Blindness Simulation

Original

#5252FC

Protanopia

#5252D3

Deuteranopia

#5252C9

Tritanopia

#52B2AB

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B9B9FE
300
#8787FD
400
#4646FC
500
#0404FB
600
#0303C9
700
#0303A0
800
#02027D
900
#06065B
950
#040439

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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