#A446DF

#A446DF

Color Values

HEX

#A446DF

RGB

164, 70, 223

HSL

276.9, 70.5%, 57.5%

HSV

276.9, 68.6%, 87.5%

CMYK

26.5%, 68.6%, 0.0%, 12.5%

OKLCH

0.5883 0.2259 309.2

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#A446DF

#81DF46

Analogous

#5846DF

#DF46CD

#A446DF

Triadic

#A446DF

#DFA446

#46DFA4

Split Complementary

#A446DF

#CDDF46

#46DF58

Tetradic

#A446DF

#DF5846

#81DF46

#46CDDF

Color Blindness Simulation

Original

#A446DF

Protanopia

#7B7ABA

Deuteranopia

#8188B1

Tritanopia

#9F9D96

Achromatopsia

#656565

CSS Usage

background-color: #A446DF;
color: #A446DF;
border-color: #A446DF;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F3FC
100
#F0E2F8
200
#E1C2F4
300
#CC97ED
400
#B05EE3
500
#9426D9
600
#771EAE
700
#5F188B
800
#4A136D
900
#38124F
950
#230B32

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

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