#644160

#644160

Color Values

HEX

#644160

RGB

100, 65, 96

HSL

306.9, 21.2%, 32.4%

HSV

306.9, 35.0%, 39.2%

CMYK

0.0%, 35.0%, 4.0%, 60.8%

OKLCH

0.4268 0.067 330.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#644160

#416445

Analogous

#574164

#64414F

#644160

Triadic

#644160

#606441

#416064

Split Complementary

#644160

#4F6441

#416457

Tetradic

#644160

#645741

#416445

#414F64

Color Blindness Simulation

Original

#644160

Protanopia

#555559

Deuteranopia

#575A57

Tritanopia

#625351

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E3D4E1
300
#CFB5CC
400
#B58DB0
500
#9B6494
600
#7C5077
700
#63405F
800
#4D324A
900
#3A2738
950
#241923

Contrast Checker

Text on white

8.51:1

AA Pass AAA Pass

Text on black

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