#A766DB

#A766DB

Color Values

HEX

#A766DB

RGB

167, 102, 219

HSL

273.3, 61.9%, 62.9%

HSV

273.3, 53.4%, 85.9%

CMYK

23.7%, 53.4%, 0.0%, 14.1%

OKLCH

0.6311 0.1778 307.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A766DB

#9ADB66

Analogous

#6C66DB

#DB66D5

#A766DB

Triadic

#A766DB

#DBA766

#66DBA7

Split Complementary

#A766DB

#D5DB66

#66DB6C

Tetradic

#A766DB

#DB6C66

#9ADB66

#66D5DB

Color Blindness Simulation

Original

#A766DB

Protanopia

#8B8ABF

Deuteranopia

#8F94B8

Tritanopia

#A4A8A3

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F1
300
#C69CE8
400
#A766DB
500
#8831CE
600
#6D27A5
700
#571F84
800
#441867
900
#33154B
950
#200E30

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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