#AA68EB

#AA68EB

Color Values

HEX

#AA68EB

RGB

170, 104, 235

HSL

270,2, 76,6%, 66,5%

HSV

270,2, 55,7%, 92,2%

CMYK

27,7%, 55,7%, 0,0%, 7,8%

OKLCH

0,6468 0,1939 304,8

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#AA68EB

#A9EB68

Analogous

#6968EB

#EB68EB

#AA68EB

Triadic

#AA68EB

#EBAA68

#68EBAA

Split Complementary

#AA68EB

#EBEB68

#68EB69

Tetradic

#AA68EB

#EB6968

#A9EB68

#68EBEB

Color Blindness Simulation

Original

#AA68EB

Protanopia

#8D8DCB

Deuteranopia

#9196C4

Tritanopia

#A7B2AD

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F7F2FC
100
#EDE2F9
200
#DBC0F7
300
#C293F1
400
#A158E9
500
#801EE1
600
#6718B4
700
#521390
800
#400F71
900
#310F52
950
#1F0A34

Contrast Checker

Text on white

3,57:1

AA Fail AAA Fail

Text on black

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