#AD48AC

#AD48AC

Color Values

HEX

#AD48AC

RGB

173, 72, 172

HSL

300,6, 41,2%, 48,0%

HSV

300,6, 58,4%, 67,8%

CMYK

0,0%, 58,4%, 0,6%, 32,2%

OKLCH

0,5714 0,1792 328,0

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#AD48AC

#48AD49

Analogous

#7B48AD

#AD4879

#AD48AC

Triadic

#AD48AC

#ACAD48

#48ACAD

Split Complementary

#AD48AC

#79AD48

#48AD7B

Tetradic

#AD48AC

#AD7B48

#48AD49

#4879AD

Color Blindness Simulation

Original

#AD48AC

Protanopia

#818094

Deuteranopia

#878F8E

Tritanopia

#A8817C

Achromatopsia

#656565

CSS Usage

background-color: #AD48AC;
color: #AD48AC;
border-color: #AD48AC;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDEA
300
#DBA9DB
400
#C87AC7
500
#B44BB3
600
#903C8F
700
#733073
800
#5A2559
900
#421E42
950
#2A132A

Contrast Checker

Text on white

4,88:1

AA Pass AAA Fail

Text on black

4,3: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