#640B59

#640B59

Color Values

HEX

#640B59

RGB

100, 11, 89

HSL

307.4, 80.2%, 21.8%

HSV

307.4, 89.0%, 39.2%

CMYK

0.0%, 89.0%, 11.0%, 60.8%

OKLCH

0.3519 0.146 334.3

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#640B59

#0B6416

Analogous

#430B64

#640B2D

#640B59

Triadic

#640B59

#59640B

#0B5964

Split Complementary

#640B59

#2D640B

#0B6443

Tetradic

#640B59

#64430B

#0B6416

#0B2D64

Color Blindness Simulation

Original

#640B59

Protanopia

#3D3D46

Deuteranopia

#434942

Tritanopia

#603734

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#F9E1F6
200
#F8BFF1
300
#F391E7
400
#EC55DA
500
#E619CD
600
#B814A4
700
#931083
800
#730D66
900
#530D4B
950
#35092F

Contrast Checker

Text on white

12.11:1

AA Pass AAA Pass

Text on black

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