#641A60

#641A60

Color Values

HEX

#641A60

RGB

100, 26, 96

HSL

303.2, 58.7%, 24.7%

HSV

303.2, 74.0%, 39.2%

CMYK

0.0%, 74.0%, 4.0%, 60.8%

OKLCH

0.368 0.1359 330.2

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#641A60

#1A641E

Analogous

#431A64

#641A3B

#641A60

Triadic

#641A60

#60641A

#1A6064

Split Complementary

#641A60

#3B641A

#1A6443

Tetradic

#641A60

#64431A

#1A641E

#1A3B64

Color Blindness Simulation

Original

#641A60

Protanopia

#44434F

Deuteranopia

#484E4B

Tritanopia

#60423F

Achromatopsia

#2F2F2F

CSS Usage

background-color: #641A60;
color: #641A60;
border-color: #641A60;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C6EE
300
#E69EE2
400
#D869D2
500
#CA35C2
600
#A22A9B
700
#81227C
800
#651A61
900
#4A1747
950
#2F0E2D

Contrast Checker

Text on white

11.3:1

AA Pass AAA Pass

Text on black

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