#ABA9D9

#ABA9D9

Color Values

HEX

#ABA9D9

RGB

171, 169, 217

HSL

242.5, 38.7%, 75.7%

HSV

242.5, 22.1%, 85.1%

CMYK

21.2%, 22.1%, 0.0%, 14.9%

OKLCH

0.7532 0.0685 286.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABA9D9

#D7D9A9

Analogous

#A9BFD9

#C3A9D9

#ABA9D9

Triadic

#ABA9D9

#D9ABA9

#A9D9AB

Split Complementary

#ABA9D9

#D9C3A9

#BFD9A9

Tetradic

#ABA9D9

#D9A9BF

#D7D9A9

#A9D9C3

Color Blindness Simulation

Original

#ABA9D9

Protanopia

#AAAACD

Deuteranopia

#AAAACB

Tritanopia

#ABC4C2

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ACAAD9
400
#7F7CC5
500
#524EB1
600
#423F8D
700
#353271
800
#292758
900
#212041
950
#151429

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.41:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026