#AB81BD

#AB81BD

Color Values

HEX

#AB81BD

RGB

171, 129, 189

HSL

282.0, 31.3%, 62.4%

HSV

282.0, 31.7%, 74.1%

CMYK

9.5%, 31.7%, 0.0%, 25.9%

OKLCH

0.6652 0.0983 315.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AB81BD

#93BD81

Analogous

#8D81BD

#BD81B1

#AB81BD

Triadic

#AB81BD

#BDAB81

#81BDAB

Split Complementary

#AB81BD

#B1BD81

#81BD8D

Tetradic

#AB81BD

#BD8D81

#93BD81

#81B1BD

Color Blindness Simulation

Original

#AB81BD

Protanopia

#9998AE

Deuteranopia

#9B9EAB

Tritanopia

#A9A3A0

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E6
300
#C9AFD5
400
#AC83BE
500
#8F58A7
600
#734686
700
#5C386B
800
#482C54
900
#36233E
950
#221627

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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