#545C6A

#545C6A

Color Values

HEX

#545C6A

RGB

84, 92, 106

HSL

218.2, 11.6%, 37.3%

HSV

218.2, 20.8%, 41.6%

CMYK

20.8%, 13.2%, 0.0%, 58.4%

OKLCH

0.473 0.0248 261.7

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#545C6A

#6A6254

Analogous

#54676A

#57546A

#545C6A

Triadic

#545C6A

#6A545C

#5C6A54

Split Complementary

#545C6A

#6A5754

#676A54

Tetradic

#545C6A

#6A5467

#6A6254

#546A57

Color Blindness Simulation

Original

#545C6A

Protanopia

#575867

Deuteranopia

#575666

Tritanopia

#546463

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DADF
300
#BBC0C9
400
#969EAC
500
#717B8E
600
#5A6372
700
#484F5B
800
#383E47
900
#2B2F36
950
#1B1E22

Contrast Checker

Text on white

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