#ADABFA

#ADABFA

Color Values

HEX

#ADABFA

RGB

173, 171, 250

HSL

241.5, 88.8%, 82.5%

HSV

241.5, 31.6%, 98.0%

CMYK

30.8%, 31.6%, 0.0%, 2.0%

OKLCH

0.7727 0.112 284.6

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#ADABFA

#F8FAAB

Analogous

#ABD0FA

#D4ABFA

#ADABFA

Triadic

#ADABFA

#FAADAB

#ABFAAD

Split Complementary

#ADABFA

#FAD4AB

#D0FAAB

Tetradic

#ADABFA

#FAABD0

#F8FAAB

#ABFAD4

Color Blindness Simulation

Original

#ADABFA

Protanopia

#ACACE7

Deuteranopia

#ACACE2

Tritanopia

#ADD8D4

Achromatopsia

#B1B1B1

CSS Usage

background-color: #ADABFA;
color: #ADABFA;
border-color: #ADABFA;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BDBCFB
300
#8E8BF8
400
#514DF4
500
#140EF1
600
#100BC1
700
#0D099A
800
#0A0778
900
#0C0A57
950
#070637

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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