#644A72

#644A72

Color Values

HEX

#644A72

RGB

100, 74, 114

HSL

279.0, 21.3%, 36.9%

HSV

279.0, 35.1%, 44.7%

CMYK

12.3%, 35.1%, 0.0%, 55.3%

OKLCH

0.4528 0.0708 313.3

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#644A72

#58724A

Analogous

#504A72

#724A6C

#644A72

Triadic

#644A72

#72644A

#4A7264

Split Complementary

#644A72

#6C724A

#4A7250

Tetradic

#644A72

#72504A

#58724A

#4A6C72

Color Blindness Simulation

Original

#644A72

Protanopia

#595968

Deuteranopia

#5A5C66

Tritanopia

#63615F

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DED4E3
300
#C6B5CF
400
#A78DB5
500
#88649B
600
#6D507C
700
#574063
800
#44324D
900
#33273A
950
#201924

Contrast Checker

Text on white

7.6:1

AA Pass AAA Pass

Text on black

2.76:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026