#575EB4

#575EB4

Color Values

HEX

#575EB4

RGB

87, 94, 180

HSL

235.5, 38.3%, 52.4%

HSV

235.5, 51.7%, 70.6%

CMYK

51.7%, 47.8%, 0.0%, 29.4%

OKLCH

0.5191 0.134 277.2

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#575EB4

#B4AD57

Analogous

#578DB4

#7F57B4

#575EB4

Triadic

#575EB4

#B4575E

#5EB457

Split Complementary

#575EB4

#B47F57

#8DB457

Tetradic

#575EB4

#B4578D

#B4AD57

#57B47F

Color Blindness Simulation

Original

#575EB4

Protanopia

#5A5A9F

Deuteranopia

#5A599A

Tritanopia

#578F8B

Achromatopsia

#636363

CSS Usage

background-color: #575EB4;
color: #575EB4;
border-color: #575EB4;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#AAAED9
400
#7D82C5
500
#4F56B0
600
#3F458D
700
#323771
800
#272B58
900
#202241
950
#141629

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

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