#545C6B

#545C6B

Color Values

HEX

#545C6B

RGB

84, 92, 107

HSL

219.1, 12.0%, 37.5%

HSV

219.1, 21.5%, 42.0%

CMYK

21.5%, 14.0%, 0.0%, 58.0%

OKLCH

0.4734 0.0263 263.1

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#545C6B

#6B6354

Analogous

#54686B

#58546B

#545C6B

Triadic

#545C6B

#6B545C

#5C6B54

Split Complementary

#545C6B

#6B5854

#686B54

Tetradic

#545C6B

#6B5468

#6B6354

#546B58

Color Blindness Simulation

Original

#545C6B

Protanopia

#575867

Deuteranopia

#575666

Tritanopia

#546564

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DAE0
300
#BAC0C9
400
#959DAC
500
#707B8F
600
#5A6272
700
#484F5B
800
#383D47
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

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