#575BC2

#575BC2

Color Values

HEX

#575BC2

RGB

87, 91, 194

HSL

237.8, 46.7%, 55.1%

HSV

237.8, 55.2%, 76.1%

CMYK

55.2%, 53.1%, 0.0%, 23.9%

OKLCH

0.5228 0.1578 277.8

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#575BC2

#C2BE57

Analogous

#5790C2

#8957C2

#575BC2

Triadic

#575BC2

#C2575B

#5BC257

Split Complementary

#575BC2

#C28957

#90C257

Tetradic

#575BC2

#C25790

#C2BE57

#57C289

Color Blindness Simulation

Original

#575BC2

Protanopia

#5959A9

Deuteranopia

#5858A3

Tritanopia

#579591

Achromatopsia

#626262

CSS Usage

background-color: #575BC2;
color: #575BC2;
border-color: #575BC2;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E7F4
200
#CBCCEC
300
#A5A7DE
400
#7578CD
500
#4448BB
600
#363A96
700
#2B2E78
800
#22245E
900
#1C1E45
950
#12132B

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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