#A42887

#A42887

Color Values

HEX

#A42887

RGB

164, 40, 135

HSL

314.0, 60.8%, 40.0%

HSV

314.0, 75.6%, 64.3%

CMYK

0.0%, 75.6%, 17.7%, 35.7%

OKLCH

0.5063 0.1872 339.2

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#A42887

#28A445

Analogous

#8328A4

#A42849

#A42887

Triadic

#A42887

#87A428

#2887A4

Split Complementary

#A42887

#49A428

#28A483

Tetradic

#A42887

#A48328

#28A445

#2849A4

Color Blindness Simulation

Original

#A42887

Protanopia

#6E6D70

Deuteranopia

#767F6A

Tritanopia

#9E5E5A

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#FBF3F9
100
#F6E4F2
200
#F1C6E7
300
#E79DD6
400
#DA67BF
500
#CD32A9
600
#A42887
700
#83206C
800
#671954
900
#4B163F
950
#2F0E28

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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