#576355

#576355

Color Values

HEX

#576355

RGB

87, 99, 85

HSL

111.4, 7.6%, 36.1%

HSV

111.4, 14.1%, 38.8%

CMYK

12.1%, 0.0%, 14.1%, 61.2%

OKLCH

0.485 0.0265 141.2

Properties

Cool Dark Nearest: RAL 7023 Concrete Grey

Color Harmonies

Complementary

#576355

#615563

Analogous

#5E6355

#55635A

#576355

Triadic

#576355

#555763

#635557

Split Complementary

#576355

#5A5563

#63555E

Tetradic

#576355

#555E63

#615563

#635A55

Color Blindness Simulation

Original

#576355

Protanopia

#5C5C58

Deuteranopia

#5C5B59

Tritanopia

#585B5C

Achromatopsia

#5F5F5F

CSS Usage

background-color: #576355;
color: #576355;
border-color: #576355;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BEC6BD
400
#9CA899
500
#798976
600
#606E5E
700
#4D584B
800
#3C453B
900
#2E342D
950
#1D211D

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

3.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026