#AA91F2

#AA91F2

Color Values

HEX

#AA91F2

RGB

170, 145, 242

HSL

255.5, 78.9%, 75.9%

HSV

255.5, 40.1%, 94.9%

CMYK

29.8%, 40.1%, 0.0%, 5.1%

OKLCH

0.718 0.1397 294.5

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AA91F2

#D9F291

Analogous

#91A8F2

#DB91F2

#AA91F2

Triadic

#AA91F2

#F2AA91

#91F2AA

Split Complementary

#AA91F2

#F2DB91

#A8F291

Tetradic

#AA91F2

#F291A8

#D9F291

#91F2DB

Color Blindness Simulation

Original

#AA91F2

Protanopia

#9F9FDB

Deuteranopia

#A1A2D5

Tritanopia

#A9C8C4

Achromatopsia

#9D9D9D

CSS Usage

background-color: #AA91F2;
color: #AA91F2;
border-color: #AA91F2;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F5F2FC
100
#E7E1F9
200
#CEBFF7
300
#AA92F2
400
#7D56EB
500
#4F1BE4
600
#3F16B6
700
#321192
800
#270D72
900
#200E53
950
#140934

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.04:1

AA Pass AAA Pass

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