#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