#576F68

#576F68

Color Values

HEX

#576F68

RGB

87, 111, 104

HSL

162.5, 12.1%, 38.8%

HSV

162.5, 21.6%, 43.5%

CMYK

21.6%, 0.0%, 6.3%, 56.5%

OKLCH

0.5202 0.0304 175.4

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#576F68

#6F575E

Analogous

#576F5C

#576A6F

#576F68

Triadic

#576F68

#68576F

#6F6857

Split Complementary

#576F68

#6F576A

#6F5C57

Tetradic

#576F68

#5C576F

#6F575E

#6A6F57

Color Blindness Simulation

Original

#576F68

Protanopia

#61626A

Deuteranopia

#605E6A

Tritanopia

#586B6B

Achromatopsia

#696969

CSS Usage

background-color: #576F68;
color: #576F68;
border-color: #576F68;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F8F8
100
#EBEFEE
200
#D7E0DD
300
#BAC9C5
400
#95ACA5
500
#708F86
600
#5A726B
700
#485B56
800
#384743
900
#2B3633
950
#1B2220

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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