#575FFA

#575FFA

Color Values

HEX

#575FFA

RGB

87, 95, 250

HSL

237.1, 94.2%, 66.1%

HSV

237.1, 65.2%, 98.0%

CMYK

65.2%, 62.0%, 0.0%, 2.0%

OKLCH

0.573 0.2265 274.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#575FFA

#FAF257

Analogous

#57B0FA

#A157FA

#575FFA

Triadic

#575FFA

#FA575F

#5FFA57

Split Complementary

#575FFA

#FAA157

#B0FA57

Tetradic

#575FFA

#FA57B0

#FAF257

#57FAA1

Color Blindness Simulation

Original

#575FFA

Protanopia

#5A5BD5

Deuteranopia

#5A59CC

Tritanopia

#57B7B0

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABDFD
300
#888EFB
400
#4850FA
500
#0713F8
600
#060FC6
700
#050C9E
800
#040A7C
900
#070B5A
950
#050739

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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