#545136

#545136

Color Values

HEX

#545136

RGB

84, 81, 54

HSL

54.0, 21.7%, 27.1%

HSV

54.0, 35.7%, 32.9%

CMYK

0.0%, 3.6%, 35.7%, 67.1%

OKLCH

0.4303 0.0417 102.6

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#545136

#363954

Analogous

#544236

#485436

#545136

Triadic

#545136

#365451

#513654

Split Complementary

#545136

#364854

#423654

Tetradic

#545136

#365442

#363954

#543648

Color Blindness Simulation

Original

#545136

Protanopia

#53533D

Deuteranopia

#53533E

Tritanopia

#544243

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0F0EA
200
#E3E1D4
300
#CFCCB5
400
#B5B18C
500
#9B9664
600
#7C7850
700
#636040
800
#4E4B32
900
#3A3827
950
#252319

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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