#AF89B4

#AF89B4

Color Values

HEX

#AF89B4

RGB

175, 137, 180

HSL

293.0, 22.3%, 62.2%

HSV

293.0, 23.9%, 70.6%

CMYK

2.8%, 23.9%, 0.0%, 29.4%

OKLCH

0.6803 0.0754 322.5

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#AF89B4

#8EB489

Analogous

#9A89B4

#B489A4

#AF89B4

Triadic

#AF89B4

#B4AF89

#89B4AF

Split Complementary

#AF89B4

#A4B489

#89B49A

Tetradic

#AF89B4

#B49A89

#8EB489

#89A4B4

Color Blindness Simulation

Original

#AF89B4

Protanopia

#9F9EAA

Deuteranopia

#A1A4A7

Tritanopia

#ADA1A0

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#F0EAF1
200
#E1D3E3
300
#CCB4CF
400
#B18CB6
500
#95639C
600
#774F7D
700
#603F64
800
#4B324E
900
#38273A
950
#231825

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

7.06:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026