#64288F

#64288F

Color Values

HEX

#64288F

RGB

100, 40, 143

HSL

275.0, 56.3%, 35.9%

HSV

275.0, 72.0%, 56.1%

CMYK

30.1%, 72.0%, 0.0%, 43.9%

OKLCH

0.4161 0.1634 307.3

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#64288F

#538F28

Analogous

#31288F

#8F2886

#64288F

Triadic

#64288F

#8F6428

#288F64

Split Complementary

#64288F

#868F28

#288F31

Tetradic

#64288F

#8F3128

#538F28

#28868F

Color Blindness Simulation

Original

#64288F

Protanopia

#4A4976

Deuteranopia

#4E5270

Tritanopia

#61625E

Achromatopsia

#3C3C3C

CSS Usage

background-color: #64288F;
color: #64288F;
border-color: #64288F;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FB
100
#EFE5F6
200
#DFC7EF
300
#C89FE4
400
#AA6CD6
500
#8B38C7
600
#702D9F
700
#592480
800
#461C64
900
#351849
950
#210F2E

Contrast Checker

Text on white

9.37:1

AA Pass AAA Pass

Text on black

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