#54536B

#54536B

Color Values

HEX

#54536B

RGB

84, 83, 107

HSL

242.5, 12.6%, 37.3%

HSV

242.5, 22.4%, 42.0%

CMYK

21.5%, 22.4%, 0.0%, 58.0%

OKLCH

0.4526 0.0389 286.6

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#54536B

#6A6B53

Analogous

#535E6B

#60536B

#54536B

Triadic

#54536B

#6B5453

#536B54

Split Complementary

#54536B

#6B6053

#5E6B53

Tetradic

#54536B

#6B535E

#6A6B53

#536B60

Color Blindness Simulation

Original

#54536B

Protanopia

#545465

Deuteranopia

#545464

Tritanopia

#546160

Achromatopsia

#555555

CSS Usage

background-color: #54536B;
color: #54536B;
border-color: #54536B;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F7F8
100
#EBEBEF
200
#D7D7E0
300
#BBBACA
400
#9695AD
500
#716F90
600
#5A5973
700
#48475C
800
#383848
900
#2B2B36
950
#1B1B22

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

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