#642162

#642162

Color Values

HEX

#642162

RGB

100, 33, 98

HSL

301.8, 50.4%, 26.1%

HSV

301.8, 67.0%, 39.2%

CMYK

0.0%, 67.0%, 2.0%, 60.8%

OKLCH

0.3769 0.1278 329.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#642162

#216423

Analogous

#452164

#642141

#642162

Triadic

#642162

#626421

#216264

Split Complementary

#642162

#416421

#216445

Tetradic

#642162

#644521

#216423

#214164

Color Blindness Simulation

Original

#642162

Protanopia

#474652

Deuteranopia

#4B504E

Tritanopia

#614643

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E6F4
200
#EDC9EC
300
#E1A3DF
400
#D071CD
500
#C03FBC
600
#993396
700
#7B2878
800
#60205E
900
#461A45
950
#2C112C

Contrast Checker

Text on white

10.85:1

AA Pass AAA Pass

Text on black

1.94:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026