#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

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