#64415D

#64415D

Color Values

HEX

#64415D

RGB

100, 65, 93

HSL

312.0, 21.2%, 32.4%

HSV

312.0, 35.0%, 39.2%

CMYK

0.0%, 35.0%, 7.0%, 60.8%

OKLCH

0.4255 0.0639 334.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#64415D

#416448

Analogous

#5A4164

#64414C

#64415D

Triadic

#64415D

#5D6441

#415D64

Split Complementary

#64415D

#4C6441

#41645A

Tetradic

#64415D

#645A41

#416448

#414C64

Color Blindness Simulation

Original

#64415D

Protanopia

#555556

Deuteranopia

#575A55

Tritanopia

#625150

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4E0
300
#CFB5CA
400
#B58DAD
500
#9B6490
600
#7C5073
700
#63405C
800
#4D3248
900
#3A2736
950
#241922

Contrast Checker

Text on white

8.55:1

AA Pass AAA Pass

Text on black

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