#545649

#545649

Color Values

HEX

#545649

RGB

84, 86, 73

HSL

69.2, 8.2%, 31.2%

HSV

69.2, 15.1%, 33.7%

CMYK

2.3%, 0.0%, 15.1%, 66.3%

OKLCH

0.4473 0.0207 114.3

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#545649

#4B4956

Analogous

#565249

#4E5649

#545649

Triadic

#545649

#495456

#564954

Split Complementary

#545649

#494E56

#524956

Tetradic

#545649

#495652

#4B4956

#56494E

Color Blindness Simulation

Original

#545649

Protanopia

#55554C

Deuteranopia

#55554D

Tritanopia

#544F4F

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F8F8F7
100
#EEEEEC
200
#DDDED8
300
#C5C7BD
400
#A6A899
500
#878A75
600
#6C6E5E
700
#56584B
800
#43453B
900
#33342D
950
#20211C

Contrast Checker

Text on white

7.49:1

AA Pass AAA Pass

Text on black

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