#ADA6EF

#ADA6EF

Color Values

HEX

#ADA6EF

RGB

173, 166, 239

HSL

245.8, 69.5%, 79.4%

HSV

245.8, 30.5%, 93.7%

CMYK

27.6%, 30.5%, 0.0%, 6.3%

OKLCH

0.7582 0.1039 288.0

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#ADA6EF

#E8EFA6

Analogous

#A6C3EF

#D2A6EF

#ADA6EF

Triadic

#ADA6EF

#EFADA6

#A6EFAD

Split Complementary

#ADA6EF

#EFD2A6

#C3EFA6

Tetradic

#ADA6EF

#EFA6C3

#E8EFA6

#A6EFD2

Color Blindness Simulation

Original

#ADA6EF

Protanopia

#AAAADD

Deuteranopia

#AAABD9

Tritanopia

#ADCFCC

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E5E3F8
200
#C7C2F4
300
#9F97EC
400
#6C5FE2
500
#3827D8
600
#2D1FAD
700
#24198A
800
#1C136C
900
#18124F
950
#0F0B32

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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