#AF87BB

#AF87BB

Color Values

HEX

#AF87BB

RGB

175, 135, 187

HSL

286.2, 27.7%, 63.1%

HSV

286.2, 27.8%, 73.3%

CMYK

6.4%, 27.8%, 0.0%, 26.7%

OKLCH

0.6793 0.0871 318.3

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#AF87BB

#93BB87

Analogous

#9587BB

#BB87AD

#AF87BB

Triadic

#AF87BB

#BBAF87

#87BBAF

Split Complementary

#AF87BB

#ADBB87

#87BB95

Tetradic

#AF87BB

#BB9587

#93BB87

#87ADBB

Color Blindness Simulation

Original

#AF87BB

Protanopia

#9E9DAE

Deuteranopia

#A0A3AB

Tritanopia

#ADA4A2

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E1D1E5
300
#CBB1D3
400
#AF87BB
500
#935CA3
600
#754A82
700
#5E3B68
800
#492E51
900
#37243D
950
#231726

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

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