#545957

#545957

Color Values

HEX

#545957

RGB

84, 89, 87

HSL

156.0, 2.9%, 33.9%

HSV

156.0, 5.6%, 34.9%

CMYK

5.6%, 0.0%, 2.2%, 65.1%

OKLCH

0.4588 0.0071 170.2

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#545957

#595456

Analogous

#545954

#545859

#545957

Triadic

#545957

#575459

#595754

Split Complementary

#545957

#595458

#595454

Tetradic

#545957

#545459

#595456

#585954

Color Blindness Simulation

Original

#545957

Protanopia

#565657

Deuteranopia

#565658

Tritanopia

#545858

Achromatopsia

#585858

CSS Usage

background-color: #545957;
color: #545957;
border-color: #545957;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F7
100
#EDEEED
200
#DADCDC
300
#C0C4C2
400
#9EA3A1
500
#7C8380
600
#636967
700
#4F5452
800
#3E4240
900
#2F3231
950
#1E1F1F

Contrast Checker

Text on white

7.13:1

AA Pass AAA Pass

Text on black

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