#640C67

#640C67

Color Values

HEX

#640C67

RGB

100, 12, 103

HSL

298.0, 79.1%, 22.5%

HSV

298.0, 88.3%, 40.4%

CMYK

2.9%, 88.3%, 0.0%, 59.6%

OKLCH

0.3615 0.1561 326.7

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#640C67

#0F670C

Analogous

#360C67

#670C3C

#640C67

Triadic

#640C67

#67640C

#0C6764

Split Complementary

#640C67

#3C670C

#0C6736

Tetradic

#640C67

#67360C

#0F670C

#0C3C67

Color Blindness Simulation

Original

#640C67

Protanopia

#3E3D51

Deuteranopia

#434A4C

Tritanopia

#60403C

Achromatopsia

#252525

CSS Usage

background-color: #640C67;
color: #640C67;
border-color: #640C67;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F6BFF8
300
#EF91F2
400
#E656EB
500
#DE1BE4
600
#B115B7
700
#8E1192
800
#6F0D72
900
#510E53
950
#330934

Contrast Checker

Text on white

11.73:1

AA Pass AAA Pass

Text on black

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