#A467DC

#A467DC

Color Values

HEX

#A467DC

RGB

164, 103, 220

HSL

271.3, 62.6%, 63.3%

HSV

271.3, 53.2%, 86.3%

CMYK

25.5%, 53.2%, 0.0%, 13.7%

OKLCH

0.63 0.1766 306.0

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#A467DC

#9FDC67

Analogous

#6967DC

#DC67D9

#A467DC

Triadic

#A467DC

#DCA467

#67DCA4

Split Complementary

#A467DC

#D9DC67

#67DC69

Tetradic

#A467DC

#DC6967

#9FDC67

#67D9DC

Color Blindness Simulation

Original

#A467DC

Protanopia

#8A89C0

Deuteranopia

#8D92B9

Tritanopia

#A1A9A4

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DCC5F2
300
#C39BE8
400
#A366DC
500
#8330CF
600
#6926A6
700
#541F85
800
#411868
900
#32154C
950
#1F0D30

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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