#A52897

#A52897

Color Values

HEX

#A52897

RGB

165, 40, 151

HSL

306.7, 61.0%, 40.2%

HSV

306.7, 75.8%, 64.7%

CMYK

0.0%, 75.8%, 8.5%, 35.3%

OKLCH

0.5162 0.1989 333.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A52897

#28A536

Analogous

#7428A5

#A52859

#A52897

Triadic

#A52897

#97A528

#2897A5

Split Complementary

#A52897

#59A528

#28A574

Tetradic

#A52897

#A57428

#28A536

#2859A5

Color Blindness Simulation

Original

#A52897

Protanopia

#6F6E7C

Deuteranopia

#767F76

Tritanopia

#9F6762

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FBF3FA
100
#F6E4F4
200
#F1C6EC
300
#E79CDF
400
#DA67CD
500
#CD32BC
600
#A42896
700
#832078
800
#67195E
900
#4B1645
950
#2F0E2C

Contrast Checker

Text on white

6.27:1

AA Pass AAA Fail

Text on black

3.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026