#640563

#640563

Color Values

HEX

#640563

RGB

100, 5, 99

HSL

300.6, 90.5%, 20.6%

HSV

300.6, 95.0%, 39.2%

CMYK

0.0%, 95.0%, 1.0%, 60.8%

OKLCH

0.3551 0.1579 328.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#640563

#056406

Analogous

#350564

#640534

#640563

Triadic

#640563

#636405

#056364

Split Complementary

#640563

#346405

#056435

Tetradic

#640563

#643505

#056406

#053464

Color Blindness Simulation

Original

#640563

Protanopia

#3B3A4C

Deuteranopia

#404847

Tritanopia

#5F3A36

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FCBBFB
300
#F98AF8
400
#F64BF4
500
#F30CF1
600
#C20AC0
700
#9B089A
800
#790678
900
#580957
950
#380637

Contrast Checker

Text on white

12.04:1

AA Pass AAA Pass

Text on black

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