#642240

#642240

Color Values

HEX

#642240

RGB

100, 34, 64

HSL

332.7, 49.3%, 26.3%

HSV

332.7, 66.0%, 39.2%

CMYK

0.0%, 66.0%, 36.0%, 60.8%

OKLCH

0.3615 0.1009 355.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#642240

#226446

Analogous

#642261

#642522

#642240

Triadic

#642240

#406422

#224064

Split Complementary

#642240

#226425

#226164

Tetradic

#642240

#616422

#226446

#252264

Color Blindness Simulation

Original

#642240

Protanopia

#474739

Deuteranopia

#4B5037

Tritanopia

#613332

Achromatopsia

#323232

CSS Usage

background-color: #642240;
color: #642240;
border-color: #642240;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF4F7
100
#F5E6EC
200
#EDCADA
300
#E0A4BF
400
#CF729C
500
#BE417A
600
#983461
700
#7A294E
800
#5F203D
900
#461B2F
950
#2C111D

Contrast Checker

Text on white

11.38:1

AA Pass AAA Pass

Text on black

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