#A528AA

#A528AA

Color Values

HEX

#A528AA

RGB

165, 40, 170

HSL

297.7, 61.9%, 41.2%

HSV

297.7, 76.5%, 66.7%

CMYK

2.9%, 76.5%, 0.0%, 33.3%

OKLCH

0.5271 0.2132 326.4

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A528AA

#2DAA28

Analogous

#6428AA

#AA286E

#A528AA

Triadic

#A528AA

#AAA528

#28AAA5

Split Complementary

#A528AA

#6EAA28

#28AA64

Tetradic

#A528AA

#AA6428

#2DAA28

#286EAA

Color Blindness Simulation

Original

#A528AA

Protanopia

#6F6E8B

Deuteranopia

#767F83

Tritanopia

#9F726C

Achromatopsia

#4C4C4C

CSS Usage

background-color: #A528AA;
color: #A528AA;
border-color: #A528AA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#F0C5F1
300
#E59CE8
400
#D766DB
500
#C831CE
600
#A027A5
700
#801F84
800
#641867
900
#49154B
950
#2E0E30

Contrast Checker

Text on white

6.03:1

AA Pass AAA Fail

Text on black

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