#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026