#5752C7

#5752C7

Color Values

HEX

#5752C7

RGB

87, 82, 199

HSL

242.6, 51.1%, 55.1%

HSV

242.6, 58.8%, 78.0%

CMYK

56.3%, 58.8%, 0.0%, 22.0%

OKLCH

0.5101 0.1765 280.0

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5752C7

#C2C752

Analogous

#5287C7

#9252C7

#5752C7

Triadic

#5752C7

#C75752

#52C757

Split Complementary

#5752C7

#C79252

#87C752

Tetradic

#5752C7

#C75287

#C2C752

#52C792

Color Blindness Simulation

Original

#5752C7

Protanopia

#5555AB

Deuteranopia

#5556A4

Tritanopia

#57948F

Achromatopsia

#5C5C5C

CSS Usage

background-color: #5752C7;
color: #5752C7;
border-color: #5752C7;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F4FB
100
#E6E5F5
200
#CBC9EE
300
#A5A3E1
400
#7570D1
500
#443EC1
600
#36329A
700
#2C287B
800
#221F60
900
#1C1A47
950
#12112D

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

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