#A42997

#A42997

Color Values

HEX

#A42997

RGB

164, 41, 151

HSL

306.3, 60.0%, 40.2%

HSV

306.3, 75.0%, 64.3%

CMYK

0.0%, 75.0%, 7.9%, 35.7%

OKLCH

0.5154 0.1973 332.8

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A42997

#29A436

Analogous

#7329A4

#A4295A

#A42997

Triadic

#A42997

#97A429

#2997A4

Split Complementary

#A42997

#5AA429

#29A473

Tetradic

#A42997

#A47329

#29A436

#295AA4

Color Blindness Simulation

Original

#A42997

Protanopia

#6F6E7C

Deuteranopia

#767F76

Tritanopia

#9E6763

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F6E4F4
200
#F1C6EC
300
#E79DDF
400
#D968CD
500
#CC33BC
600
#A32996
700
#832178
800
#661A5E
900
#4B1645
950
#2F0E2C

Contrast Checker

Text on white

6.28:1

AA Pass AAA Fail

Text on black

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