#A44097

#A44097

Color Values

HEX

#A44097

RGB

164, 64, 151

HSL

307.8, 43.9%, 44.7%

HSV

307.8, 61.0%, 64.3%

CMYK

0.0%, 61.0%, 7.9%, 35.7%

OKLCH

0.5385 0.1678 333.0

Properties

Warm Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#A44097

#40A44D

Analogous

#7F40A4

#A44065

#A44097

Triadic

#A44097

#97A440

#4097A4

Split Complementary

#A44097

#65A440

#40A47F

Tetradic

#A44097

#A47F40

#40A44D

#4065A4

Color Blindness Simulation

Original

#A44097

Protanopia

#797882

Deuteranopia

#7E867D

Tritanopia

#9F716E

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#EBCCE7
300
#DDA7D6
400
#CA77BF
500
#B748A9
600
#933987
700
#752E6C
800
#5C2454
900
#441D3F
950
#2B1328

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

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