#64096A

#64096A

Color Values

HEX

#64096A

RGB

100, 9, 106

HSL

296.3, 84.3%, 22.5%

HSV

296.3, 91.5%, 41.6%

CMYK

5.7%, 91.5%, 0.0%, 58.4%

OKLCH

0.362 0.1606 325.2

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#64096A

#0F6A09

Analogous

#33096A

#6A093F

#64096A

Triadic

#64096A

#6A6409

#096A64

Split Complementary

#64096A

#3F6A09

#096A33

Tetradic

#64096A

#6A3309

#0F6A09

#093F6A

Color Blindness Simulation

Original

#64096A

Protanopia

#3D3C53

Deuteranopia

#42494D

Tritanopia

#5F403C

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F6BDF9
300
#EF8EF5
400
#E651F0
500
#DE14EB
600
#B110BC
700
#8E0D96
800
#6F0A75
900
#510C55
950
#330736

Contrast Checker

Text on white

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