#A146DF

#A146DF

Color Values

HEX

#A146DF

RGB

161, 70, 223

HSL

275.7, 70.5%, 57.5%

HSV

275.7, 68.6%, 87.5%

CMYK

27.8%, 68.6%, 0.0%, 12.5%

OKLCH

0.5847 0.225 308.1

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#A146DF

#84DF46

Analogous

#5546DF

#DF46D1

#A146DF

Triadic

#A146DF

#DFA146

#46DFA1

Split Complementary

#A146DF

#D1DF46

#46DF55

Tetradic

#A146DF

#DF5546

#84DF46

#46D1DF

Color Blindness Simulation

Original

#A146DF

Protanopia

#7A79BA

Deuteranopia

#7F86B1

Tritanopia

#9C9D96

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#E0C2F4
300
#CA97ED
400
#AD5EE3
500
#9126D9
600
#741EAE
700
#5D188B
800
#48136D
900
#36124F
950
#220B32

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail 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