#64096B

#64096B

Color Values

HEX

#64096B

RGB

100, 9, 107

HSL

295.7, 84.5%, 22.7%

HSV

295.7, 91.6%, 42.0%

CMYK

6.5%, 91.6%, 0.0%, 58.0%

OKLCH

0.3627 0.1614 324.7

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#64096B

#106B09

Analogous

#33096B

#6B0941

#64096B

Triadic

#64096B

#6B6409

#096B64

Split Complementary

#64096B

#416B09

#096B33

Tetradic

#64096B

#6B3309

#106B09

#09416B

Color Blindness Simulation

Original

#64096B

Protanopia

#3D3C53

Deuteranopia

#42494E

Tritanopia

#5F413C

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F5BDF9
300
#EE8EF6
400
#E551F0
500
#DC14EB
600
#B010BC
700
#8D0D97
800
#6E0A76
900
#500C55
950
#330736

Contrast Checker

Text on white

11.71:1

AA Pass AAA Pass

Text on black

1.79:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026