#AD85AB

#AD85AB

Color Values

HEX

#AD85AB

RGB

173, 133, 171

HSL

303,0, 19,6%, 60,0%

HSV

303,0, 23,1%, 67,8%

CMYK

0,0%, 23,1%, 1,2%, 32,2%

OKLCH

0,6674 0,0718 328,0

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AD85AB

#85AD87

Analogous

#9B85AD

#AD8597

#AD85AB

Triadic

#AD85AB

#ABAD85

#85ABAD

Split Complementary

#AD85AB

#97AD85

#85AD9B

Tetradic

#AD85AB

#AD9B85

#85AD87

#8597AD

Color Blindness Simulation

Original

#AD85AB

Protanopia

#9C9BA2

Deuteranopia

#9EA1A0

Tritanopia

#AB9B99

Achromatopsia

#909090

CSS Usage

background-color: #AD85AB;
color: #AD85AB;
border-color: #AD85AB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D4E2
300
#CEB6CD
400
#B38EB1
500
#986796
600
#7A5278
700
#624260
800
#4C334B
900
#392838
950
#241923

Contrast Checker

Text on white

3,13:1

AA Fail AAA Fail

Text on black

6,72:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026