#574763

#574763

Color Values

HEX

#574763

RGB

87, 71, 99

HSL

274.3, 16.5%, 33.3%

HSV

274.3, 28.3%, 38.8%

CMYK

12.1%, 28.3%, 0.0%, 61.2%

OKLCH

0.4255 0.0496 310.3

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#574763

#536347

Analogous

#494763

#634761

#574763

Triadic

#574763

#635747

#476357

Split Complementary

#574763

#616347

#476349

Tetradic

#574763

#634947

#536347

#476163

Color Blindness Simulation

Original

#574763

Protanopia

#50505C

Deuteranopia

#51525B

Tritanopia

#565756

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBF0
200
#DCD5E1
300
#C3B8CC
400
#A391B0
500
#836A95
600
#685577
700
#54445F
800
#41354A
900
#312938
950
#1F1A23

Contrast Checker

Text on white

8.44:1

AA Pass AAA Pass

Text on black

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