#645371

#645371

Color Values

HEX

#645371

RGB

100, 83, 113

HSL

274.0, 15.3%, 38.4%

HSV

274.0, 26.5%, 44.3%

CMYK

11.5%, 26.5%, 0.0%, 55.7%

OKLCH

0.4707 0.0518 310.1

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#645371

#607153

Analogous

#555371

#71536F

#645371

Triadic

#645371

#716453

#537164

Split Complementary

#645371

#6F7153

#537155

Tetradic

#645371

#715553

#607153

#536F71

Color Blindness Simulation

Original

#645371

Protanopia

#5D5C6A

Deuteranopia

#5E5F68

Tritanopia

#636463

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DCD6E1
300
#C3B8CB
400
#A392AF
500
#826C93
600
#685676
700
#53455E
800
#41364A
900
#312A37
950
#1F1A23

Contrast Checker

Text on white

6.96:1

AA Pass AAA Fail

Text on black

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