#640364

#640364

Color Values

HEX

#640364

RGB

100, 3, 100

HSL

300.0, 94.2%, 20.2%

HSV

300.0, 97.0%, 39.2%

CMYK

0.0%, 97.0%, 0.0%, 60.8%

OKLCH

0.3547 0.1601 328.3

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#640364

#036403

Analogous

#340364

#640334

#640364

Triadic

#640364

#646403

#036464

Split Complementary

#640364

#346403

#036434

Tetradic

#640364

#643403

#036403

#033464

Color Blindness Simulation

Original

#640364

Protanopia

#3A394D

Deuteranopia

#404747

Tritanopia

#5F3A36

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFD
300
#FB88FB
400
#FA48FA
500
#F807F8
600
#C606C6
700
#9E059E
800
#7C047C
900
#5A075A
950
#390539

Contrast Checker

Text on white

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