#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