#545345

#545345

Color Values

HEX

#545345

RGB

84, 83, 69

HSL

56.0, 9.8%, 30.0%

HSV

56.0, 17.9%, 32.9%

CMYK

0.0%, 1.2%, 17.9%, 67.1%

OKLCH

0.4389 0.0222 103.9

Properties

Warm Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#545345

#454654

Analogous

#544C45

#4D5445

#545345

Triadic

#545345

#455453

#534554

Split Complementary

#545345

#454D54

#4C4554

Tetradic

#545345

#45544C

#454654

#54454D

Color Blindness Simulation

Original

#545345

Protanopia

#545448

Deuteranopia

#545449

Tritanopia

#544B4C

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EFEEEC
200
#DFDED8
300
#C8C7BC
400
#AAA997
500
#8C8A73
600
#706F5C
700
#5A594A
800
#46453A
900
#35342C
950
#21211C

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

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