#A172AD

#A172AD

Color Values

HEX

#A172AD

RGB

161, 114, 173

HSL

287.8, 26.5%, 56.3%

HSV

287.8, 34.1%, 67.8%

CMYK

6.9%, 34.1%, 0.0%, 32.2%

OKLCH

0.6209 0.1014 319.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A172AD

#7EAD72

Analogous

#8472AD

#AD729C

#A172AD

Triadic

#A172AD

#ADA172

#72ADA1

Split Complementary

#A172AD

#9CAD72

#72AD84

Tetradic

#A172AD

#AD8472

#7EAD72

#729CAD

Color Blindness Simulation

Original

#A172AD

Protanopia

#8D8C9F

Deuteranopia

#8F939B

Tritanopia

#9F9391

Achromatopsia

#808080

CSS Usage

background-color: #A172AD;
color: #A172AD;
border-color: #A172AD;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F6F9
100
#F0E9F1
200
#E1D2E5
300
#CBB2D2
400
#AF88BA
500
#945EA1
600
#764B81
700
#5E3C67
800
#4A2F51
900
#37253C
950
#231726

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026