#644F58

#644F58

Color Values

HEX

#644F58

RGB

100, 79, 88

HSL

334.3, 11.7%, 35.1%

HSV

334.3, 21.0%, 39.2%

CMYK

0.0%, 21.0%, 12.0%, 60.8%

OKLCH

0.4522 0.0312 350.8

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#644F58

#4F645B

Analogous

#644F62

#64514F

#644F58

Triadic

#644F58

#58644F

#4F5864

Split Complementary

#644F58

#4F6451

#4F6264

Tetradic

#644F58

#62644F

#4F645B

#514F64

Color Blindness Simulation

Original

#644F58

Protanopia

#5B5B56

Deuteranopia

#5C5E55

Tritanopia

#635454

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#DFD7DB
300
#C9BBC1
400
#AC969F
500
#8E717D
600
#725A64
700
#5B4850
800
#47383F
900
#362B30
950
#221B1E

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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