#A174AC

#A174AC

Color Values

HEX

#A174AC

RGB

161, 116, 172

HSL

288.2, 25.2%, 56.5%

HSV

288.2, 32.6%, 67.5%

CMYK

6.4%, 32.6%, 0.0%, 32.5%

OKLCH

0.6241 0.0965 319.6

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#A174AC

#7FAC74

Analogous

#8574AC

#AC749B

#A174AC

Triadic

#A174AC

#ACA174

#74ACA1

Split Complementary

#A174AC

#9BAC74

#74AC85

Tetradic

#A174AC

#AC8574

#7FAC74

#749BAC

Color Blindness Simulation

Original

#A174AC

Protanopia

#8E8D9E

Deuteranopia

#90949B

Tritanopia

#9F9491

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E1D2E4
300
#CBB2D1
400
#AF89B8
500
#935FA0
600
#764C80
700
#5E3D66
800
#493050
900
#37253B
950
#231826

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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