#54574A

#54574A

Color Values

HEX

#54574A

RGB

84, 87, 74

HSL

73.8, 8.1%, 31.6%

HSV

73.8, 14.9%, 34.1%

CMYK

3.4%, 0.0%, 14.9%, 65.9%

OKLCH

0.45 0.0209 117.8

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#54574A

#4D4A57

Analogous

#57544A

#4E574A

#54574A

Triadic

#54574A

#4A5457

#574A54

Split Complementary

#54574A

#4A4E57

#544A57

Tetradic

#54574A

#4A5754

#4D4A57

#574A4E

Color Blindness Simulation

Original

#54574A

Protanopia

#55554D

Deuteranopia

#55554E

Tritanopia

#545050

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDED8
300
#C4C7BD
400
#A5A899
500
#858A75
600
#6A6E5E
700
#55584B
800
#43453B
900
#32342D
950
#20211C

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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