#64369F

#64369F

Color Values

HEX

#64369F

RGB

100, 54, 159

HSL

266.3, 49.3%, 41.8%

HSV

266.3, 66.0%, 62.4%

CMYK

37.1%, 66.0%, 0.0%, 37.6%

OKLCH

0.4466 0.1628 299.9

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#64369F

#719F36

Analogous

#363D9F

#99369F

#64369F

Triadic

#64369F

#9F6436

#369F64

Split Complementary

#64369F

#9F9936

#3D9F36

Tetradic

#64369F

#9F363D

#719F36

#369F99

Color Blindness Simulation

Original

#64369F

Protanopia

#505086

Deuteranopia

#535680

Tritanopia

#62726D

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#D9CAED
300
#BEA4E0
400
#9B72CF
500
#7841BE
600
#603498
700
#4D297A
800
#3C205F
900
#2E1B46
950
#1D112C

Contrast Checker

Text on white

8.17:1

AA Pass AAA Pass

Text on black

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