#575684

#575684

Color Values

HEX

#575684

RGB

87, 86, 132

HSL

241.3, 21.1%, 42.7%

HSV

241.3, 34.8%, 51.8%

CMYK

34.1%, 34.8%, 0.0%, 48.2%

OKLCH

0.474 0.0736 284.2

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#575684

#838456

Analogous

#566C84

#6E5684

#575684

Triadic

#575684

#845756

#568457

Split Complementary

#575684

#846E56

#6C8456

Tetradic

#575684

#84566C

#838456

#56846E

Color Blindness Simulation

Original

#575684

Protanopia

#575779

Deuteranopia

#575776

Tritanopia

#57706E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #575684;
color: #575684;
border-color: #575684;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D4E3
300
#B5B5CF
400
#8E8DB5
500
#66659A
600
#51507C
700
#414063
800
#33324D
900
#28273A
950
#191924

Contrast Checker

Text on white

6.84:1

AA Pass AAA Fail

Text on black

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