#ABAFD9

#ABAFD9

Color Values

HEX

#ABAFD9

RGB

171, 175, 217

HSL

234,8, 37,7%, 76,1%

HSV

234,8, 21,2%, 85,1%

CMYK

21,2%, 19,4%, 0,0%, 14,9%

OKLCH

0,7652 0,0601 280,6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ABAFD9

#D9D5AB

Analogous

#ABC6D9

#BEABD9

#ABAFD9

Triadic

#ABAFD9

#D9ABAF

#AFD9AB

Split Complementary

#ABAFD9

#D9BEAB

#C6D9AB

Tetradic

#ABAFD9

#D9ABC6

#D9D5AB

#ABD9BE

Color Blindness Simulation

Original

#ABAFD9

Protanopia

#ADADCF

Deuteranopia

#ACACCC

Tritanopia

#ABC7C5

Achromatopsia

#B1B1B1

CSS Usage

background-color: #ABAFD9;
color: #ABAFD9;
border-color: #ABAFD9;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CED0E9
300
#ABAFD9
400
#7D83C4
500
#4F58B0
600
#40468C
700
#333870
800
#282C58
900
#202341
950
#141629

Contrast Checker

Text on white

2,13:1

AA Fail AAA Fail

Text on black

9,87:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026