#A64FF2

#A64FF2

Color Values

HEX

#A64FF2

RGB

166, 79, 242

HSL

272.0, 86.2%, 62.9%

HSV

272.0, 67.4%, 94.9%

CMYK

31.4%, 67.4%, 0.0%, 5.1%

OKLCH

0.614 0.2344 304.8

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#A64FF2

#9BF24F

Analogous

#544FF2

#F24FED

#A64FF2

Triadic

#A64FF2

#F2A64F

#4FF2A6

Split Complementary

#A64FF2

#EDF24F

#4FF254

Tetradic

#A64FF2

#F2544F

#9BF24F

#4FEDF2

Color Blindness Simulation

Original

#A64FF2

Protanopia

#8080CB

Deuteranopia

#858CC1

Tritanopia

#A2ABA5

Achromatopsia

#6D6D6D

CSS Usage

background-color: #A64FF2;
color: #A64FF2;
border-color: #A64FF2;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DDBDFA
300
#C58DF7
400
#A64FF2
500
#8712ED
600
#6C0EBE
700
#560B98
800
#430977
900
#330B56
950
#200736

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

5.02:1

AA Pass 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