#545467

#545467

Color Values

HEX

#545467

RGB

84, 84, 103

HSL

240.0, 10.2%, 36.7%

HSV

240.0, 18.4%, 40.4%

CMYK

18.4%, 18.4%, 0.0%, 59.6%

OKLCH

0.4531 0.0308 285.1

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#545467

#676754

Analogous

#545E67

#5E5467

#545467

Triadic

#545467

#675454

#546754

Split Complementary

#545467

#675E54

#5E6754

Tetradic

#545467

#67545E

#676754

#54675E

Color Blindness Simulation

Original

#545467

Protanopia

#545462

Deuteranopia

#545461

Tritanopia

#545F5E

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D8D8DF
300
#BCBCC8
400
#9797AA
500
#72728D
600
#5C5C70
700
#49495A
800
#393946
900
#2C2C35
950
#1C1C21

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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