#A876EC

#A876EC

Color Values

HEX

#A876EC

RGB

168, 118, 236

HSL

265.4, 75.6%, 69.4%

HSV

265.4, 50.0%, 92.5%

CMYK

28.8%, 50.0%, 0.0%, 7.5%

OKLCH

0.6668 0.1735 301.4

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A876EC

#BAEC76

Analogous

#767FEC

#E376EC

#A876EC

Triadic

#A876EC

#ECA876

#76ECA8

Split Complementary

#A876EC

#ECE376

#7FEC76

Tetradic

#A876EC

#EC767F

#BAEC76

#76ECE3

Color Blindness Simulation

Original

#A876EC

Protanopia

#9292CF

Deuteranopia

#9599C9

Tritanopia

#A6B9B4

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EBE2F9
200
#D7C0F6
300
#BB94F0
400
#9659E8
500
#711FE0
600
#5A19B3
700
#48148F
800
#381070
900
#2B0F51
950
#1B0A33

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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