#54573C

#54573C

Color Values

HEX

#54573C

RGB

84, 87, 60

HSL

66.7, 18.4%, 28.8%

HSV

66.7, 31.0%, 34.1%

CMYK

3.4%, 0.0%, 31.0%, 65.9%

OKLCH

0.4464 0.0418 113.3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#54573C

#3F3C57

Analogous

#574C3C

#46573C

#54573C

Triadic

#54573C

#3C5457

#573C54

Split Complementary

#54573C

#3C4657

#4C3C57

Tetradic

#54573C

#3C574C

#3F3C57

#573C46

Color Blindness Simulation

Original

#54573C

Protanopia

#555543

Deuteranopia

#555544

Tritanopia

#544849

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF0EA
200
#E0E2D5
300
#CBCDB7
400
#AEB28F
500
#929768
600
#757953
700
#5D6143
800
#494B34
900
#373828
950
#23241A

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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