#644D60

#644D60

Color Values

HEX

#644D60

RGB

100, 77, 96

HSL

310.4, 13.0%, 34.7%

HSV

310.4, 23.0%, 39.2%

CMYK

0.0%, 23.0%, 4.0%, 60.8%

OKLCH

0.451 0.0423 332.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#644D60

#4D6451

Analogous

#5C4D64

#644D54

#644D60

Triadic

#644D60

#60644D

#4D6064

Split Complementary

#644D60

#54644D

#4D645C

Tetradic

#644D60

#645C4D

#4D6451

#4D5464

Color Blindness Simulation

Original

#644D60

Protanopia

#5A5A5B

Deuteranopia

#5B5D5A

Tritanopia

#635857

Achromatopsia

#535353

CSS Usage

background-color: #644D60;
color: #644D60;
border-color: #644D60;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#E0D7DE
300
#CABAC7
400
#AD94A9
500
#906F8A
600
#73596F
700
#5C4759
800
#483745
900
#362B34
950
#221B21

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026