#A231AA

#A231AA

Color Values

HEX

#A231AA

RGB

162, 49, 170

HSL

296.0, 55.3%, 42.9%

HSV

296.0, 71.2%, 66.7%

CMYK

4.7%, 71.2%, 0.0%, 33.3%

OKLCH

0.5302 0.2022 325.1

Properties

Cool Dark Nearest: darkmagenta

Color Harmonies

Complementary

#A231AA

#39AA31

Analogous

#6531AA

#AA3175

#A231AA

Triadic

#A231AA

#AAA231

#31AAA2

Split Complementary

#A231AA

#75AA31

#31AA65

Tetradic

#A231AA

#AA6531

#39AA31

#3175AA

Color Blindness Simulation

Original

#A231AA

Protanopia

#71708D

Deuteranopia

#788086

Tritanopia

#9C7671

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F6
200
#ECC8EF
300
#DFA0E4
400
#CE6CD5
500
#BD39C6
600
#972E9E
700
#79247F
800
#5E1C63
900
#451849
950
#2C0F2E

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026