#5752C6

#5752C6

Color Values

HEX

#5752C6

RGB

87, 82, 198

HSL

242.6, 50.4%, 54.9%

HSV

242.6, 58.6%, 77.6%

CMYK

56.1%, 58.6%, 0.0%, 22.4%

OKLCH

0.5093 0.1752 280.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5752C6

#C1C652

Analogous

#5287C6

#9152C6

#5752C6

Triadic

#5752C6

#C65752

#52C657

Split Complementary

#5752C6

#C69152

#87C652

Tetradic

#5752C6

#C65287

#C1C652

#52C691

Color Blindness Simulation

Original

#5752C6

Protanopia

#5555AA

Deuteranopia

#5556A3

Tritanopia

#57948F

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CBC9ED
300
#A6A3E1
400
#7571D0
500
#453FC0
600
#373399
700
#2C287B
800
#222060
900
#1C1A46
950
#12112C

Contrast Checker

Text on white

6.13:1

AA Pass AAA Fail

Text on black

3.43:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026