#AC66DB

#AC66DB

Color Values

HEX

#AC66DB

RGB

172, 102, 219

HSL

275,9, 61,9%, 62,9%

HSV

275,9, 53,4%, 85,9%

CMYK

21,5%, 53,4%, 0,0%, 14,1%

OKLCH

0,6366 0,1795 309,9

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#AC66DB

#95DB66

Analogous

#7166DB

#DB66CF

#AC66DB

Triadic

#AC66DB

#DBAC66

#66DBAC

Split Complementary

#AC66DB

#CFDB66

#66DB71

Tetradic

#AC66DB

#DB7166

#95DB66

#66CFDB

Color Blindness Simulation

Original

#AC66DB

Protanopia

#8E8DBF

Deuteranopia

#9297B8

Tritanopia

#A8A8A3

Achromatopsia

#7D7D7D

CSS Usage

background-color: #AC66DB;
color: #AC66DB;
border-color: #AC66DB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FB
100
#EFE4F7
200
#E0C5F1
300
#C99CE8
400
#AC66DB
500
#8F31CE
600
#7227A5
700
#5C1F84
800
#481867
900
#36154B
950
#220E30

Contrast Checker

Text on white

3,7:1

AA Fail AAA Fail

Text on black

5,68: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