#ABABF2

#ABABF2

Color Values

HEX

#ABABF2

RGB

171, 171, 242

HSL

240.0, 73.2%, 81.0%

HSV

240.0, 29.3%, 94.9%

CMYK

29.3%, 29.3%, 0.0%, 5.1%

OKLCH

0.7676 0.101 283.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABABF2

#F2F2AB

Analogous

#ABCFF2

#CFABF2

#ABABF2

Triadic

#ABABF2

#F2ABAB

#ABF2AB

Split Complementary

#ABABF2

#F2CFAB

#CFF2AB

Tetradic

#ABABF2

#F2ABCF

#F2F2AB

#ABF2CF

Color Blindness Simulation

Original

#ABABF2

Protanopia

#ABABE1

Deuteranopia

#ABABDD

Tritanopia

#ABD3D0

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C1C1F5
300
#9595EF
400
#5C5CE6
500
#2222DD
600
#1B1BB1
700
#16168D
800
#11116E
900
#111150
950
#0A0A33

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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