#575BB4

#575BB4

Color Values

HEX

#575BB4

RGB

87, 91, 180

HSL

237.4, 38.3%, 52.4%

HSV

237.4, 51.7%, 70.6%

CMYK

51.7%, 49.4%, 0.0%, 29.4%

OKLCH

0.5132 0.1381 278.4

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#575BB4

#B4B057

Analogous

#578AB4

#8257B4

#575BB4

Triadic

#575BB4

#B4575B

#5BB457

Split Complementary

#575BB4

#B48257

#8AB457

Tetradic

#575BB4

#B4578A

#B4B057

#57B482

Color Blindness Simulation

Original

#575BB4

Protanopia

#59599E

Deuteranopia

#585899

Tritanopia

#578D8A

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECFE9
300
#AAACD9
400
#7D80C5
500
#4F53B0
600
#3F428D
700
#323571
800
#272958
900
#202141
950
#141529

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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