#ADA6E2

#ADA6E2

Color Values

HEX

#ADA6E2

RGB

173, 166, 226

HSL

247.0, 50.8%, 76.9%

HSV

247.0, 26.5%, 88.6%

CMYK

23.5%, 26.5%, 0.0%, 11.4%

OKLCH

0.7525 0.0857 289.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADA6E2

#DBE2A6

Analogous

#A6BDE2

#CBA6E2

#ADA6E2

Triadic

#ADA6E2

#E2ADA6

#A6E2AD

Split Complementary

#ADA6E2

#E2CBA6

#BDE2A6

Tetradic

#ADA6E2

#E2A6BD

#DBE2A6

#A6E2CB

Color Blindness Simulation

Original

#ADA6E2

Protanopia

#AAAAD3

Deuteranopia

#AAABD0

Tritanopia

#ADC8C6

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC9ED
300
#AAA3E1
400
#7C71D1
500
#4E3FC0
600
#3E329A
700
#32287B
800
#271F60
900
#1F1A47
950
#14112D

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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