#545C6C

#545C6C

Color Values

HEX

#545C6C

RGB

84, 92, 108

HSL

220.0, 12.5%, 37.6%

HSV

220.0, 22.2%, 42.4%

CMYK

22.2%, 14.8%, 0.0%, 57.6%

OKLCH

0.4738 0.0278 264.3

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#545C6C

#6C6454

Analogous

#54686C

#58546C

#545C6C

Triadic

#545C6C

#6C545C

#5C6C54

Split Complementary

#545C6C

#6C5854

#686C54

Tetradic

#545C6C

#6C5468

#6C6454

#546C58

Color Blindness Simulation

Original

#545C6C

Protanopia

#575868

Deuteranopia

#575667

Tritanopia

#546564

Achromatopsia

#5B5B5B

CSS Usage

background-color: #545C6C;
color: #545C6C;
border-color: #545C6C;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DAE0
300
#BABFC9
400
#959DAC
500
#707A8F
600
#596273
700
#474E5C
800
#383D48
900
#2B2F36
950
#1B1D22

Contrast Checker

Text on white

6.72:1

AA Pass AAA Fail

Text on black

3.12:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026