#54644C

#54644C

Color Values

HEX

#54644C

RGB

84, 100, 76

HSL

100.0, 13.6%, 34.5%

HSV

100.0, 24.0%, 39.2%

CMYK

16.0%, 0.0%, 24.0%, 60.8%

OKLCH

0.4826 0.0423 135.3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#54644C

#5C4C64

Analogous

#60644C

#4C6450

#54644C

Triadic

#54644C

#4C5464

#644C54

Split Complementary

#54644C

#504C64

#644C60

Tetradic

#54644C

#4C6064

#5C4C64

#64504C

Color Blindness Simulation

Original

#54644C

Protanopia

#5B5B52

Deuteranopia

#5A5953

Tritanopia

#555657

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7F8F6
100
#ECEFEB
200
#DAE0D6
300
#BFCAB9
400
#9CAD94
500
#7A916E
600
#617458
700
#4E5D47
800
#3D4837
900
#2E362B
950
#1D221B

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

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