#641442

#641442

Color Values

HEX

#641442

RGB

100, 20, 66

HSL

325.5, 66.7%, 23.5%

HSV

325.5, 80.0%, 39.2%

CMYK

0.0%, 80.0%, 34.0%, 60.8%

OKLCH

0.3464 0.1217 350.3

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#641442

#146436

Analogous

#5E1464

#64141A

#641442

Triadic

#641442

#426414

#144264

Split Complementary

#641442

#1A6414

#14645E

Tetradic

#641442

#645E14

#146436

#141A64

Color Blindness Simulation

Original

#641442

Protanopia

#414137

Deuteranopia

#464C34

Tritanopia

#602E2C

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3EF
200
#F3C3DF
300
#EB99C8
400
#E062AA
500
#D52A8C
600
#AA2270
700
#881B5A
800
#6A1546
900
#4E1335
950
#310C21

Contrast Checker

Text on white

12.21:1

AA Pass AAA Pass

Text on black

1.72:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026