#A76ACD

#A76ACD

Color Values

HEX

#A76ACD

RGB

167, 106, 205

HSL

277.0, 49.7%, 61.0%

HSV

277.0, 48.3%, 80.4%

CMYK

18.5%, 48.3%, 0.0%, 19.6%

OKLCH

0.6295 0.1554 311.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#A76ACD

#90CD6A

Analogous

#766ACD

#CD6AC1

#A76ACD

Triadic

#A76ACD

#CDA76A

#6ACDA7

Split Complementary

#A76ACD

#C1CD6A

#6ACD76

Tetradic

#A76ACD

#CD766A

#90CD6A

#6AC1CD

Color Blindness Simulation

Original

#A76ACD

Protanopia

#8D8CB5

Deuteranopia

#9095AF

Tritanopia

#A4A29E

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EFE6F5
200
#DFCAED
300
#C9A3E0
400
#AC72D0
500
#8E40BF
600
#723399
700
#5B297A
800
#47205F
900
#361B46
950
#22112C

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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