#AA50EB

#AA50EB

Color Values

HEX

#AA50EB

RGB

170, 80, 235

HSL

274,8, 79,5%, 61,8%

HSV

274,8, 66,0%, 92,2%

CMYK

27,7%, 66,0%, 0,0%, 7,8%

OKLCH

0,615 0,227 307,7

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#AA50EB

#91EB50

Analogous

#5D50EB

#EB50DF

#AA50EB

Triadic

#AA50EB

#EBAA50

#50EBAA

Split Complementary

#AA50EB

#DFEB50

#50EB5D

Tetradic

#AA50EB

#EB5D50

#91EB50

#50DFEB

Color Blindness Simulation

Original

#AA50EB

Protanopia

#8382C6

Deuteranopia

#888FBC

Tritanopia

#A6A8A1

Achromatopsia

#6E6E6E

CSS Usage

background-color: #AA50EB;
color: #AA50EB;
border-color: #AA50EB;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EFE1F9
200
#E0BFF8
300
#CA91F2
400
#AD56EC
500
#901AE5
600
#7315B7
700
#5C1192
800
#480D72
900
#360E53
950
#220934

Contrast Checker

Text on white

4,15:1

AA Fail AAA Fail

Text on black

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