#640B2C

#640B2C

Color Values

HEX

#640B2C

RGB

100, 11, 44

HSL

337.8, 80.2%, 21.8%

HSV

337.8, 89.0%, 39.2%

CMYK

0.0%, 89.0%, 56.0%, 60.8%

OKLCH

0.331 0.1217 6.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#640B2C

#0B6443

Analogous

#640B59

#64170B

#640B2C

Triadic

#640B2C

#2C640B

#0B2C64

Split Complementary

#640B2C

#0B6417

#0B5964

Tetradic

#640B2C

#59640B

#0B6443

#170B64

Color Blindness Simulation

Original

#640B2C

Protanopia

#3D3D24

Deuteranopia

#434922

Tritanopia

#601E1C

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BFD4
300
#F391B5
400
#EC558D
500
#E61965
600
#B81451
700
#931041
800
#730D32
900
#530D27
950
#350919

Contrast Checker

Text on white

12.91:1

AA Pass AAA Pass

Text on black

1.63:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026