#A87FF2

#A87FF2

Color Values

HEX

#A87FF2

RGB

168, 127, 242

HSL

261.4, 81.6%, 72.4%

HSV

261.4, 47.5%, 94.9%

CMYK

30.6%, 47.5%, 0.0%, 5.1%

OKLCH

0.685 0.1672 298.3

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A87FF2

#C9F27F

Analogous

#7F90F2

#E27FF2

#A87FF2

Triadic

#A87FF2

#F2A87F

#7FF2A8

Split Complementary

#A87FF2

#F2E27F

#90F27F

Tetradic

#A87FF2

#F27F90

#C9F27F

#7FF2E2

Color Blindness Simulation

Original

#A87FF2

Protanopia

#9696D6

Deuteranopia

#999CCF

Tritanopia

#A6C0BB

Achromatopsia

#909090

CSS Usage

background-color: #A87FF2;
color: #A87FF2;
border-color: #A87FF2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F6F2FD
100
#EAE1FA
200
#D3BEF8
300
#B390F4
400
#8B54EE
500
#6217E8
600
#4E13B9
700
#3F0F94
800
#310C74
900
#260D54
950
#180835

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.98:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026