#ABAADA

#ABAADA

Color Values

HEX

#ABAADA

RGB

171, 170, 218

HSL

241,2, 39,3%, 76,1%

HSV

241,2, 22,0%, 85,5%

CMYK

21,6%, 22,0%, 0,0%, 14,5%

OKLCH

0,7556 0,0685 285,6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABAADA

#D9DAAA

Analogous

#AAC1DA

#C3AADA

#ABAADA

Triadic

#ABAADA

#DAABAA

#AADAAB

Split Complementary

#ABAADA

#DAC3AA

#C1DAAA

Tetradic

#ABAADA

#DAAAC1

#D9DAAA

#AADAC3

Color Blindness Simulation

Original

#ABAADA

Protanopia

#ABABCE

Deuteranopia

#ABABCC

Tritanopia

#ABC5C3

Achromatopsia

#AEAEAE

CSS Usage

background-color: #ABAADA;
color: #ABAADA;
border-color: #ABAADA;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CECDE9
300
#ABAADA
400
#7D7CC6
500
#4F4DB2
600
#403E8E
700
#333272
800
#282759
900
#201F42
950
#141429

Contrast Checker

Text on white

2,21:1

AA Fail AAA Fail

Text on black

9,49: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