#575FA2

#575FA2

Color Values

HEX

#575FA2

RGB

87, 95, 162

HSL

233.6, 30.1%, 48.8%

HSV

233.6, 46.3%, 63.5%

CMYK

46.3%, 41.4%, 0.0%, 36.5%

OKLCH

0.51 0.1061 276.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#575FA2

#A29A57

Analogous

#5784A2

#7457A2

#575FA2

Triadic

#575FA2

#A2575F

#5FA257

Split Complementary

#575FA2

#A27457

#84A257

Tetradic

#575FA2

#A25784

#A29A57

#57A274

Color Blindness Simulation

Original

#575FA2

Protanopia

#5A5B92

Deuteranopia

#5A598E

Tritanopia

#578582

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D3E6
300
#AFB3D4
400
#848ABD
500
#5961A6
600
#474E85
700
#393E6A
800
#2D3153
900
#23263E
950
#161827

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

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