#A76FE8

#A76FE8

Color Values

HEX

#A76FE8

RGB

167, 111, 232

HSL

267.8, 72.5%, 67.3%

HSV

267.8, 52.2%, 91.0%

CMYK

28.0%, 52.2%, 0.0%, 9.0%

OKLCH

0.6524 0.1792 303.2

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A76FE8

#B0E86F

Analogous

#6F74E8

#E46FE8

#A76FE8

Triadic

#A76FE8

#E8A76F

#6FE8A7

Split Complementary

#A76FE8

#E8E46F

#74E86F

Tetradic

#A76FE8

#E86F74

#B0E86F

#6FE8E4

Color Blindness Simulation

Original

#A76FE8

Protanopia

#8F8ECB

Deuteranopia

#9296C4

Tritanopia

#A4B4AF

Achromatopsia

#848484

CSS Usage

background-color: #A76FE8;
color: #A76FE8;
border-color: #A76FE8;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F3FC
100
#ECE2F8
200
#D9C1F5
300
#BF95EE
400
#9C5CE5
500
#7923DC
600
#611CB0
700
#4D168D
800
#3C126E
900
#2E1150
950
#1D0B33

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026