#640C3A

#640C3A

Color Values

HEX

#640C3A

RGB

100, 12, 58

HSL

328.6, 78.6%, 22.0%

HSV

328.6, 88.0%, 39.2%

CMYK

0.0%, 88.0%, 42.0%, 60.8%

OKLCH

0.3367 0.1258 355.2

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#640C3A

#0C6436

Analogous

#620C64

#640C0E

#640C3A

Triadic

#640C3A

#3A640C

#0C3A64

Split Complementary

#640C3A

#0E640C

#0C6462

Tetradic

#640C3A

#64620C

#0C6436

#0C0E64

Color Blindness Simulation

Original

#640C3A

Protanopia

#3E3D2F

Deuteranopia

#434A2C

Tritanopia

#602624

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FCF2F8
100
#F9E1EE
200
#F7BFDD
300
#F292C4
400
#EB56A4
500
#E41B84
600
#B6166A
700
#921155
800
#720E42
900
#530E32
950
#340920

Contrast Checker

Text on white

12.68:1

AA Pass AAA Pass

Text on black

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