#575FDA

#575FDA

Color Values

HEX

#575FDA

RGB

87, 95, 218

HSL

236.3, 63.9%, 59.8%

HSV

236.3, 60.1%, 85.5%

CMYK

60.1%, 56.4%, 0.0%, 14.5%

OKLCH

0.5478 0.1853 275.6

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#575FDA

#DAD257

Analogous

#57A1DA

#9057DA

#575FDA

Triadic

#575FDA

#DA575F

#5FDA57

Split Complementary

#575FDA

#DA9057

#A1DA57

Tetradic

#575FDA

#DA57A1

#DAD257

#57DA90

Color Blindness Simulation

Original

#575FDA

Protanopia

#5A5BBC

Deuteranopia

#5A59B5

Tritanopia

#57A5A0

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C4C7F2
300
#9BA0E9
400
#646CDD
500
#2E38D1
600
#252DA7
700
#1D2486
800
#171C68
900
#15184C
950
#0D0F30

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

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