#644361

#644361

Color Values

HEX

#644361

RGB

100, 67, 97

HSL

305.5, 19.8%, 32.7%

HSV

305.5, 33.0%, 39.2%

CMYK

0.0%, 33.0%, 3.0%, 60.8%

OKLCH

0.4311 0.064 329.8

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#644361

#436446

Analogous

#564364

#644350

#644361

Triadic

#644361

#616443

#436164

Split Complementary

#644361

#506443

#436456

Tetradic

#644361

#645643

#436446

#435064

Color Blindness Simulation

Original

#644361

Protanopia

#56555A

Deuteranopia

#585A58

Tritanopia

#625453

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D4E1
300
#CEB6CC
400
#B38EB0
500
#996694
600
#7A5276
700
#62415F
800
#4C334A
900
#392838
950
#241923

Contrast Checker

Text on white

8.34:1

AA Pass AAA Pass

Text on black

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