#AC86C6

#AC86C6

Color Values

HEX

#AC86C6

RGB

172, 134, 198

HSL

275.6, 36.0%, 65.1%

HSV

275.6, 32.3%, 77.6%

CMYK

13.1%, 32.3%, 0.0%, 22.4%

OKLCH

0.6792 0.1008 311.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AC86C6

#A0C686

Analogous

#8C86C6

#C686C0

#AC86C6

Triadic

#AC86C6

#C6AC86

#86C6AC

Split Complementary

#AC86C6

#C0C686

#86C68C

Tetradic

#AC86C6

#C68C86

#A0C686

#86C0C6

Color Blindness Simulation

Original

#AC86C6

Protanopia

#9C9BB7

Deuteranopia

#9EA1B3

Tritanopia

#AAAAA8

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DECEE8
300
#C6ACD8
400
#A77FC3
500
#8852AD
600
#6D418B
700
#57346F
800
#442957
900
#332140
950
#201529

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.98:1

AA Pass 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