#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026