#A64D97

#A64D97

Color Values

HEX

#A64D97

RGB

166, 77, 151

HSL

310.1, 36.6%, 47.6%

HSV

310.1, 53.6%, 65.1%

CMYK

0.0%, 53.6%, 9.0%, 34.9%

OKLCH

0.558 0.1488 334.2

Properties

Warm Dark Nearest: Plum

Color Harmonies

Complementary

#A64D97

#4DA65C

Analogous

#884DA6

#A64D6A

#A64D97

Triadic

#A64D97

#97A64D

#4D97A6

Split Complementary

#A64D97

#6AA64D

#4DA688

Tetradic

#A64D97

#A6884D

#4DA65C

#4D6AA6

Color Blindness Simulation

Original

#A64D97

Protanopia

#7F7F85

Deuteranopia

#858B81

Tritanopia

#A27774

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F3E8F1
200
#E8CEE4
300
#D8ABD1
400
#C37EB8
500
#AE519E
600
#8B417F
700
#6F3465
800
#57284F
900
#40203B
950
#291525

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

4.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026