#544664

#544664

Color Values

HEX

#544664

RGB

84, 70, 100

HSL

268.0, 17.6%, 33.3%

HSV

268.0, 30.0%, 39.2%

CMYK

16.0%, 30.0%, 0.0%, 60.8%

OKLCH

0.4206 0.0518 305.6

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#544664

#566446

Analogous

#464764

#634664

#544664

Triadic

#544664

#645446

#466454

Split Complementary

#544664

#646346

#476446

Tetradic

#544664

#644647

#566446

#466463

Color Blindness Simulation

Original

#544664

Protanopia

#4E4E5D

Deuteranopia

#4F505B

Tritanopia

#535756

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEAF0
200
#DBD5E2
300
#C1B7CD
400
#A090B1
500
#7E6996
600
#655478
700
#514360
800
#3F354B
900
#302938
950
#1E1A23

Contrast Checker

Text on white

8.62:1

AA Pass AAA Pass

Text on black

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