#ADA7E8

#ADA7E8

Color Values

HEX

#ADA7E8

RGB

173, 167, 232

HSL

245.5, 58.6%, 78.2%

HSV

245.5, 28.0%, 91.0%

CMYK

25.4%, 28.0%, 0.0%, 9.0%

OKLCH

0.757 0.0926 288.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ADA7E8

#E2E8A7

Analogous

#A7C1E8

#CDA7E8

#ADA7E8

Triadic

#ADA7E8

#E8ADA7

#A7E8AD

Split Complementary

#ADA7E8

#E8CDA7

#C1E8A7

Tetradic

#ADA7E8

#E8A7C1

#E2E8A7

#A7E8CD

Color Blindness Simulation

Original

#ADA7E8

Protanopia

#AAAAD8

Deuteranopia

#ABABD4

Tritanopia

#ADCCC9

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC6F0
300
#A59EE6
400
#7369D8
500
#4235CA
600
#352AA2
700
#2B2281
800
#211A65
900
#1C174A
950
#110E2F

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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