#644A71

#644A71

Color Values

HEX

#644A71

RGB

100, 74, 113

HSL

280.0, 20.9%, 36.7%

HSV

280.0, 34.5%, 44.3%

CMYK

11.5%, 34.5%, 0.0%, 55.7%

OKLCH

0.4523 0.0695 314.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#644A71

#57714A

Analogous

#514A71

#714A6B

#644A71

Triadic

#644A71

#71644A

#4A7164

Split Complementary

#644A71

#6B714A

#4A7151

Tetradic

#644A71

#71514A

#57714A

#4A6B71

Color Blindness Simulation

Original

#644A71

Protanopia

#595968

Deuteranopia

#5A5C65

Tritanopia

#63605E

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DED4E3
300
#C6B5CF
400
#A78DB4
500
#88659A
600
#6D517B
700
#574163
800
#44324D
900
#33273A
950
#211924

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

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