#645676

#645676

Color Values

HEX

#645676

RGB

100, 86, 118

HSL

266.2, 15.7%, 40.0%

HSV

266.2, 27.1%, 46.3%

CMYK

15.3%, 27.1%, 0.0%, 53.7%

OKLCH

0.4792 0.0532 304.4

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#645676

#687656

Analogous

#565876

#745676

#645676

Triadic

#645676

#766456

#567664

Split Complementary

#645676

#767456

#587656

Tetradic

#645676

#765658

#687656

#567674

Color Blindness Simulation

Original

#645676

Protanopia

#5E5E6E

Deuteranopia

#5F606C

Tritanopia

#636867

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DBD6E1
300
#C1B8CB
400
#9F92AF
500
#7D6B94
600
#645676
700
#50455E
800
#3E364A
900
#302A37
950
#1E1A23

Contrast Checker

Text on white

6.7:1

AA Pass AAA Fail

Text on black

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