#64105B

#64105B

Color Values

HEX

#64105B

RGB

100, 16, 91

HSL

306.4, 72.4%, 22.7%

HSV

306.4, 84.0%, 39.2%

CMYK

0.0%, 84.0%, 9.0%, 60.8%

OKLCH

0.3563 0.1432 333.2

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#64105B

#106419

Analogous

#431064

#641031

#64105B

Triadic

#64105B

#5B6410

#105B64

Split Complementary

#64105B

#316410

#106443

Tetradic

#64105B

#644310

#106419

#103164

Color Blindness Simulation

Original

#64105B

Protanopia

#403F49

Deuteranopia

#444B44

Tritanopia

#603B37

Achromatopsia

#272727

CSS Usage

background-color: #64105B;
color: #64105B;
border-color: #64105B;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF3FB
100
#F8E2F6
200
#F5C1F0
300
#EE95E5
400
#E55CD6
500
#DC23C8
600
#B01CA0
700
#8D1780
800
#6E1264
900
#501149
950
#330B2E

Contrast Checker

Text on white

11.88:1

AA Pass AAA Pass

Text on black

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