#AC7DC0

#AC7DC0

Color Values

HEX

#AC7DC0

RGB

172, 125, 192

HSL

282,1, 34,7%, 62,2%

HSV

282,1, 34,9%, 75,3%

CMYK

10,4%, 34,9%, 0,0%, 24,7%

OKLCH

0,6604 0,1095 315,5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AC7DC0

#91C07D

Analogous

#8B7DC0

#C07DB3

#AC7DC0

Triadic

#AC7DC0

#C0AC7D

#7DC0AC

Split Complementary

#AC7DC0

#B3C07D

#7DC08B

Tetradic

#AC7DC0

#C08B7D

#91C07D

#7DB3C0

Color Blindness Simulation

Original

#AC7DC0

Protanopia

#9897B0

Deuteranopia

#9A9EAC

Tritanopia

#AAA3A0

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE8
300
#CAADD7
400
#AE80C1
500
#9153AC
600
#744389
700
#5D356E
800
#492A56
900
#372140
950
#221528

Contrast Checker

Text on white

3,26:1

AA Fail AAA Fail

Text on black

6,45: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