#575FF4

#575FF4

Color Values

HEX

#575FF4

RGB

87, 95, 244

HSL

236.9, 87.7%, 64.9%

HSV

236.9, 64.3%, 95.7%

CMYK

64.3%, 61.1%, 0.0%, 4.3%

OKLCH

0.5681 0.219 274.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#575FF4

#F4EC57

Analogous

#57AEF4

#9D57F4

#575FF4

Triadic

#575FF4

#F4575F

#5FF457

Split Complementary

#575FF4

#F49D57

#AEF457

Tetradic

#575FF4

#F457AE

#F4EC57

#57F49D

Color Blindness Simulation

Original

#575FF4

Protanopia

#5A5BD0

Deuteranopia

#5A59C7

Tritanopia

#57B3AD

Achromatopsia

#686868

CSS Usage

background-color: #575FF4;
color: #575FF4;
border-color: #575FF4;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBFFB
300
#8C92F7
400
#4E56F3
500
#101BEF
600
#0D16BF
700
#0A1199
800
#080E78
900
#0A0E57
950
#060937

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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