#A76DFE

#A76DFE

Color Values

HEX

#A76DFE

RGB

167, 109, 254

HSL

264.0, 98.6%, 71.2%

HSV

264.0, 57.1%, 99.6%

CMYK

34.3%, 57.1%, 0.0%, 0.4%

OKLCH

0.6628 0.208 299.1

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#A76DFE

#C4FE6D

Analogous

#6D7CFE

#EF6DFE

#A76DFE

Triadic

#A76DFE

#FEA76D

#6DFEA7

Split Complementary

#A76DFE

#FEEF6D

#7CFE6D

Tetradic

#A76DFE

#FE6D7C

#C4FE6D

#6DFEEF

Color Blindness Simulation

Original

#A76DFE

Protanopia

#8E8DDB

Deuteranopia

#9196D2

Tritanopia

#A4BFB9

Achromatopsia

#848484

CSS Usage

background-color: #A76DFE;
color: #A76DFE;
border-color: #A76DFE;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F1FE
100
#EADEFC
200
#D4B8FF
300
#B685FE
400
#8E44FE
500
#6602FD
600
#5201CB
700
#4201A2
800
#33017F
900
#28055B
950
#19033A

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

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