#ABADDE

#ABADDE

Color Values

HEX

#ABADDE

RGB

171, 173, 222

HSL

237.6, 43.6%, 77.1%

HSV

237.6, 23.0%, 87.1%

CMYK

23.0%, 22.1%, 0.0%, 12.9%

OKLCH

0.7631 0.07 282.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABADDE

#DEDCAB

Analogous

#ABC7DE

#C3ABDE

#ABADDE

Triadic

#ABADDE

#DEABAD

#ADDEAB

Split Complementary

#ABADDE

#DEC3AB

#C7DEAB

Tetradic

#ABADDE

#DEABC7

#DEDCAB

#ABDEC3

Color Blindness Simulation

Original

#ABADDE

Protanopia

#ACACD2

Deuteranopia

#ACACCF

Tritanopia

#ABC9C7

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCDEB
300
#A7A9DC
400
#787BCA
500
#484CB7
600
#3A3D92
700
#2E3175
800
#24265C
900
#1D1F43
950
#13142B

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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