#575ABA

#575ABA

Color Values

HEX

#575ABA

RGB

87, 90, 186

HSL

238.2, 41.8%, 53.5%

HSV

238.2, 53.2%, 72.9%

CMYK

53.2%, 51.6%, 0.0%, 27.1%

OKLCH

0.5153 0.148 278.5

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#575ABA

#BAB757

Analogous

#578BBA

#8557BA

#575ABA

Triadic

#575ABA

#BA575A

#5ABA57

Split Complementary

#575ABA

#BA8557

#8BBA57

Tetradic

#575ABA

#BA578B

#BAB757

#57BA85

Color Blindness Simulation

Original

#575ABA

Protanopia

#5858A3

Deuteranopia

#58589D

Tritanopia

#57908C

Achromatopsia

#606060

CSS Usage

background-color: #575ABA;
color: #575ABA;
border-color: #575ABA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CCCDEA
300
#A8AADB
400
#797CC8
500
#4A4DB5
600
#3B3E91
700
#2F3274
800
#25275A
900
#1E1F43
950
#13142A

Contrast Checker

Text on white

5.87:1

AA Pass AAA Fail

Text on black

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