#644669

#644669

Color Values

HEX

#644669

RGB

100, 70, 105

HSL

291.4, 20.0%, 34.3%

HSV

291.4, 33.3%, 41.2%

CMYK

4.8%, 33.3%, 0.0%, 58.8%

OKLCH

0.4406 0.0672 321.6

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#644669

#4B6946

Analogous

#524669

#69465C

#644669

Triadic

#644669

#696446

#466964

Split Complementary

#644669

#5C6946

#466952

Tetradic

#644669

#695246

#4B6946

#465C69

Color Blindness Simulation

Original

#644669

Protanopia

#575761

Deuteranopia

#595B5E

Tritanopia

#625A58

Achromatopsia

#4F4F4F

CSS Usage

background-color: #644669;
color: #644669;
border-color: #644669;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E2
300
#CBB6CE
400
#AE8EB4
500
#926699
600
#75527A
700
#5D4162
800
#49334D
900
#372839
950
#231924

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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