#AC6DF0

#AC6DF0

Color Values

HEX

#AC6DF0

RGB

172, 109, 240

HSL

268,9, 81,4%, 68,4%

HSV

268,9, 54,6%, 94,1%

CMYK

28,3%, 54,6%, 0,0%, 5,9%

OKLCH

0,6592 0,1927 303,8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AC6DF0

#B1F06D

Analogous

#6D6FF0

#EE6DF0

#AC6DF0

Triadic

#AC6DF0

#F0AC6D

#6DF0AC

Split Complementary

#AC6DF0

#F0EE6D

#6FF06D

Tetradic

#AC6DF0

#F06D6F

#B1F06D

#6DF0EE

Color Blindness Simulation

Original

#AC6DF0

Protanopia

#9190D0

Deuteranopia

#9499C9

Tritanopia

#A9B7B2

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#EDE1FA
200
#DABEF8
300
#C090F4
400
#9E54ED
500
#7C18E7
600
#6313B9
700
#4F0F94
800
#3E0C74
900
#2F0D54
950
#1E0835

Contrast Checker

Text on white

3,39:1

AA Fail AAA Fail

Text on black

6,2:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026