#645D74

#645D74

Color Values

HEX

#645D74

RGB

100, 93, 116

HSL

258.3, 11.0%, 41.0%

HSV

258.3, 19.8%, 45.5%

CMYK

13.8%, 19.8%, 0.0%, 54.5%

OKLCH

0.4934 0.0372 299.0

Properties

Cool Dark Nearest: RAL 4012 Pearl Blackberry

Color Harmonies

Complementary

#645D74

#6D745D

Analogous

#5D6274

#705D74

#645D74

Triadic

#645D74

#74645D

#5D7464

Split Complementary

#645D74

#74705D

#62745D

Tetradic

#645D74

#745D62

#6D745D

#5D7470

Color Blindness Simulation

Original

#645D74

Protanopia

#61616E

Deuteranopia

#61626D

Tritanopia

#646A69

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEBEF
200
#DAD7DF
300
#BFBBC9
400
#9D96AB
500
#7A718E
600
#625B71
700
#4E495B
800
#3D3947
900
#2F2C35
950
#1D1C22

Contrast Checker

Text on white

6.25:1

AA Pass AAA Fail

Text on black

3.36:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026