#545576

#545576

Color Values

HEX

#545576

RGB

84, 85, 118

HSL

238.2, 16.8%, 39.6%

HSV

238.2, 28.8%, 46.3%

CMYK

28.8%, 28.0%, 0.0%, 53.7%

OKLCH

0.4622 0.0534 282.7

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#545576

#767554

Analogous

#546676

#645476

#545576

Triadic

#545576

#765455

#557654

Split Complementary

#545576

#766454

#667654

Tetradic

#545576

#765466

#767554

#547664

Color Blindness Simulation

Original

#545576

Protanopia

#54546E

Deuteranopia

#54546C

Tritanopia

#546866

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F6F6F8
100
#EBEBF0
200
#D5D6E1
300
#B8B8CC
400
#9192B1
500
#6A6B95
600
#555677
700
#44455F
800
#35364A
900
#292A38
950
#1A1A23

Contrast Checker

Text on white

7.15:1

AA Pass AAA Pass

Text on black

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