#644362

#644362

Color Values

HEX

#644362

RGB

100, 67, 98

HSL

303.6, 19.8%, 32.7%

HSV

303.6, 33.0%, 39.2%

CMYK

0.0%, 33.0%, 2.0%, 60.8%

OKLCH

0.4316 0.0651 328.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#644362

#436445

Analogous

#554364

#644351

#644362

Triadic

#644362

#626443

#436264

Split Complementary

#644362

#516443

#436455

Tetradic

#644362

#645543

#436445

#435164

Color Blindness Simulation

Original

#644362

Protanopia

#56555B

Deuteranopia

#585A59

Tritanopia

#625553

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D4E2
300
#CEB6CC
400
#B38EB1
500
#996696
600
#7A5278
700
#624160
800
#4C334B
900
#392838
950
#241923

Contrast Checker

Text on white

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