#644071

#644071

Color Values

HEX

#644071

RGB

100, 64, 113

HSL

284.1, 27.7%, 34.7%

HSV

284.1, 43.4%, 44.3%

CMYK

11.5%, 43.4%, 0.0%, 55.7%

OKLCH

0.4332 0.089 316.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#644071

#4D7140

Analogous

#4B4071

#714065

#644071

Triadic

#644071

#716440

#407164

Split Complementary

#644071

#657140

#40714B

Tetradic

#644071

#714B40

#4D7140

#406571

Color Blindness Simulation

Original

#644071

Protanopia

#545465

Deuteranopia

#565962

Tritanopia

#625C5A

Achromatopsia

#4B4B4B

CSS Usage

background-color: #644071;
color: #644071;
border-color: #644071;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E0D1E5
300
#CAB1D3
400
#AD87BB
500
#905CA3
600
#734A82
700
#5C3B68
800
#482E51
900
#36243D
950
#221726

Contrast Checker

Text on white

8.35:1

AA Pass AAA Pass

Text on black

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