#A76FC4

#A76FC4

Color Values

HEX

#A76FC4

RGB

167, 111, 196

HSL

279.5, 41.9%, 60.2%

HSV

279.5, 43.4%, 76.9%

CMYK

14.8%, 43.4%, 0.0%, 23.1%

OKLCH

0.633 0.1365 313.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A76FC4

#8CC46F

Analogous

#7C6FC4

#C46FB7

#A76FC4

Triadic

#A76FC4

#C4A76F

#6FC4A7

Split Complementary

#A76FC4

#B7C46F

#6FC47C

Tetradic

#A76FC4

#C47C6F

#8CC46F

#6FB7C4

Color Blindness Simulation

Original

#A76FC4

Protanopia

#8F8EAF

Deuteranopia

#9296AA

Tritanopia

#A49F9C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F4
200
#E0CCEA
300
#CAA8DB
400
#AD79C8
500
#904AB5
600
#743B91
700
#5C2F74
800
#48255A
900
#361E43
950
#22132A

Contrast Checker

Text on white

3.68:1

AA Fail AAA Fail

Text on black

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