#642660

#642660

Color Values

HEX

#642660

RGB

100, 38, 96

HSL

303.9, 44.9%, 27.1%

HSV

303.9, 62.0%, 39.2%

CMYK

0.0%, 62.0%, 4.0%, 60.8%

OKLCH

0.3821 0.1181 330.2

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#642660

#26642A

Analogous

#492664

#642641

#642660

Triadic

#642660

#606426

#266064

Split Complementary

#642660

#416426

#266449

Tetradic

#642660

#644926

#26642A

#264164

Color Blindness Simulation

Original

#642660

Protanopia

#494952

Deuteranopia

#4D514F

Tritanopia

#614744

Achromatopsia

#373737

CSS Usage

background-color: #642660;
color: #642660;
border-color: #642660;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#EBCBE9
300
#DDA6DA
400
#CB76C6
500
#B946B1
600
#94388E
700
#762D71
800
#5C2359
900
#441D41
950
#2B1229

Contrast Checker

Text on white

10.56:1

AA Pass AAA Pass

Text on black

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