#54514C

#54514C

Color Values

HEX

#54514C

RGB

84, 81, 76

HSL

37.5, 5.0%, 31.4%

HSV

37.5, 9.5%, 32.9%

CMYK

0.0%, 3.6%, 9.5%, 67.1%

OKLCH

0.4362 0.009 80.7

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#54514C

#4C4F54

Analogous

#544D4C

#53544C

#54514C

Triadic

#54514C

#4C5451

#514C54

Split Complementary

#54514C

#4C5354

#4D4C54

Tetradic

#54514C

#4C544D

#4C4F54

#544C53

Color Blindness Simulation

Original

#54514C

Protanopia

#53534D

Deuteranopia

#53534E

Tritanopia

#544E4E

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDCDA
300
#C5C3BF
400
#A5A29C
500
#868179
600
#6B6761
700
#56534E
800
#43413D
900
#33312E
950
#201F1D

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

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