#AC64EB

#AC64EB

Color Values

HEX

#AC64EB

RGB

172, 100, 235

HSL

272.0, 77.1%, 65.7%

HSV

272.0, 57.4%, 92.2%

CMYK

26.8%, 57.4%, 0.0%, 7.8%

OKLCH

0.6432 0.2003 306.2

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AC64EB

#A3EB64

Analogous

#6964EB

#EB64E6

#AC64EB

Triadic

#AC64EB

#EBAC64

#64EBAC

Split Complementary

#AC64EB

#E6EB64

#64EB69

Tetradic

#AC64EB

#EB6964

#A3EB64

#64E6EB

Color Blindness Simulation

Original

#AC64EB

Protanopia

#8D8CCA

Deuteranopia

#9196C2

Tritanopia

#A8B1AB

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DDC0F7
300
#C593F1
400
#A558E9
500
#861DE2
600
#6B17B5
700
#561391
800
#430F71
900
#330F52
950
#200934

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.78:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026