#545342

#545342

Color Values

HEX

#545342

RGB

84, 83, 66

HSL

56,7, 12,0%, 29,4%

HSV

56,7, 21,4%, 32,9%

CMYK

0,0%, 1,2%, 21,4%, 67,1%

OKLCH

0,4381 0,0268 104,7

Properties

Warm Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#545342

#424354

Analogous

#544A42

#4C5442

#545342

Triadic

#545342

#425453

#534254

Split Complementary

#545342

#424C54

#4A4254

Tetradic

#545342

#42544A

#424354

#54424C

Color Blindness Simulation

Original

#545342

Protanopia

#545446

Deuteranopia

#545447

Tritanopia

#54494A

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#E0DFD7
300
#C9C8BA
400
#ACAB95
500
#8F8D70
600
#72715A
700
#5B5A48
800
#474738
900
#36352B
950
#22221B

Contrast Checker

Text on white

7,8:1

AA Pass AAA Pass

Text on black

2,69:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026