#644B67

#644B67

Color Values

HEX

#644B67

RGB

100, 75, 103

HSL

293.6, 15.7%, 34.9%

HSV

293.6, 27.2%, 40.4%

CMYK

2.9%, 27.2%, 0.0%, 59.6%

OKLCH

0.4497 0.0546 322.8

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#644B67

#4E674B

Analogous

#564B67

#674B5C

#644B67

Triadic

#644B67

#67644B

#4B6764

Split Complementary

#644B67

#5C674B

#4B6756

Tetradic

#644B67

#67564B

#4E674B

#4B5C67

Color Blindness Simulation

Original

#644B67

Protanopia

#595960

Deuteranopia

#5B5C5F

Tritanopia

#635B5A

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBF0
200
#E0D6E1
300
#C9B8CB
400
#AC92AF
500
#8F6B94
600
#735676
700
#5C455E
800
#48364A
900
#362A37
950
#221A23

Contrast Checker

Text on white

7.65:1

AA Pass AAA Pass

Text on black

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