#ABA7D9

#ABA7D9

Color Values

HEX

#ABA7D9

RGB

171, 167, 217

HSL

244.8, 39.7%, 75.3%

HSV

244.8, 23.0%, 85.1%

CMYK

21.2%, 23.0%, 0.0%, 14.9%

OKLCH

0.7492 0.0715 288.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABA7D9

#D5D9A7

Analogous

#A7BCD9

#C4A7D9

#ABA7D9

Triadic

#ABA7D9

#D9ABA7

#A7D9AB

Split Complementary

#ABA7D9

#D9C4A7

#BCD9A7

Tetradic

#ABA7D9

#D9A7BC

#D5D9A7

#A7D9C4

Color Blindness Simulation

Original

#ABA7D9

Protanopia

#A9A9CD

Deuteranopia

#AAAACA

Tritanopia

#ABC3C1

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#ADAADA
400
#817BC6
500
#554DB2
600
#443E8E
700
#363172
800
#2A2659
900
#221F42
950
#15142A

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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