#A64097

#A64097

Color Values

HEX

#A64097

RGB

166, 64, 151

HSL

308.8, 44.3%, 45.1%

HSV

308.8, 61.4%, 65.1%

CMYK

0.0%, 61.4%, 9.0%, 34.9%

OKLCH

0.5413 0.1691 333.8

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#A64097

#40A64F

Analogous

#8240A6

#A64064

#A64097

Triadic

#A64097

#97A640

#4097A6

Split Complementary

#A64097

#64A640

#40A682

Tetradic

#A64097

#A68240

#40A64F

#4064A6

Color Blindness Simulation

Original

#A64097

Protanopia

#7A7982

Deuteranopia

#80877D

Tritanopia

#A1716E

Achromatopsia

#5C5C5C

CSS Usage

background-color: #A64097;
color: #A64097;
border-color: #A64097;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#EBCBE6
300
#DDA7D5
400
#CA77BE
500
#B847A7
600
#933986
700
#762D6B
800
#5C2454
900
#441D3E
950
#2B1227

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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