#A76BD4

#A76BD4

Color Values

HEX

#A76BD4

RGB

167, 107, 212

HSL

274.3, 55.0%, 62.5%

HSV

274.3, 49.5%, 83.1%

CMYK

21.2%, 49.5%, 0.0%, 16.9%

OKLCH

0.6349 0.1619 308.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A76BD4

#98D46B

Analogous

#726BD4

#D46BCC

#A76BD4

Triadic

#A76BD4

#D4A76B

#6BD4A7

Split Complementary

#A76BD4

#CCD46B

#6BD472

Tetradic

#A76BD4

#D4726B

#98D46B

#6BCCD4

Color Blindness Simulation

Original

#A76BD4

Protanopia

#8D8CBB

Deuteranopia

#9095B4

Tritanopia

#A4A7A2

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F5
200
#DEC8EF
300
#C7A0E3
400
#A86DD5
500
#8A39C6
600
#6E2E9E
700
#58257E
800
#451D63
900
#341848
950
#210F2E

Contrast Checker

Text on white

3.69:1

AA Fail AAA Fail

Text on black

5.7:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026