#ABADDD

#ABADDD

Color Values

HEX

#ABADDD

RGB

171, 173, 221

HSL

237.6, 42.4%, 76.9%

HSV

237.6, 22.6%, 86.7%

CMYK

22.6%, 21.7%, 0.0%, 13.3%

OKLCH

0.7627 0.0686 282.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABADDD

#DDDBAB

Analogous

#ABC6DD

#C2ABDD

#ABADDD

Triadic

#ABADDD

#DDABAD

#ADDDAB

Split Complementary

#ABADDD

#DDC2AB

#C6DDAB

Tetradic

#ABADDD

#DDABC6

#DDDBAB

#ABDDC2

Color Blindness Simulation

Original

#ABADDD

Protanopia

#ACACD1

Deuteranopia

#ACACCF

Tritanopia

#ABC8C6

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCDEA
300
#A8AADC
400
#797CC9
500
#494EB6
600
#3B3E91
700
#2F3274
800
#25275B
900
#1E1F43
950
#13142A

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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