#A442AF

#A442AF

Color Values

HEX

#A442AF

RGB

164, 66, 175

HSL

293.9, 45.2%, 47.3%

HSV

293.9, 62.3%, 68.6%

CMYK

6.3%, 62.3%, 0.0%, 31.4%

OKLCH

0.5536 0.1856 323.5

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#A442AF

#4DAF42

Analogous

#6E42AF

#AF4284

#A442AF

Triadic

#A442AF

#AFA442

#42AFA4

Split Complementary

#A442AF

#84AF42

#42AF6E

Tetradic

#A442AF

#AF6E42

#4DAF42

#4284AF

Color Blindness Simulation

Original

#A442AF

Protanopia

#7A7995

Deuteranopia

#7F878E

Tritanopia

#9F807B

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#E8CBEB
300
#D8A6DD
400
#C376CB
500
#AD46B9
600
#8B3894
700
#6F2D76
800
#57235D
900
#401D44
950
#29122B

Contrast Checker

Text on white

5.28:1

AA Pass AAA Fail

Text on black

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