#AD90F3

#AD90F3

Color Values

HEX

#AD90F3

RGB

173, 144, 243

HSL

257.6, 80.5%, 75.9%

HSV

257.6, 40.7%, 95.3%

CMYK

28.8%, 40.7%, 0.0%, 4.7%

OKLCH

0.7193 0.1429 296.1

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AD90F3

#D6F390

Analogous

#90A5F3

#DF90F3

#AD90F3

Triadic

#AD90F3

#F3AD90

#90F3AD

Split Complementary

#AD90F3

#F3DF90

#A5F390

Tetradic

#AD90F3

#F390A5

#D6F390

#90F3DF

Color Blindness Simulation

Original

#AD90F3

Protanopia

#A0A0DB

Deuteranopia

#A2A4D5

Tritanopia

#ACC8C4

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E8E1F9
200
#CFBFF8
300
#AD91F3
400
#8155ED
500
#5519E6
600
#4414B8
700
#361093
800
#2B0C73
900
#220D54
950
#150835

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

8.06: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