#ABADF3

#ABADF3

Color Values

HEX

#ABADF3

RGB

171, 173, 243

HSL

238.3, 75.0%, 81.2%

HSV

238.3, 29.6%, 95.3%

CMYK

29.6%, 28.8%, 0.0%, 4.7%

OKLCH

0.7719 0.0996 282.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABADF3

#F3F1AB

Analogous

#ABD1F3

#CDABF3

#ABADF3

Triadic

#ABADF3

#F3ABAD

#ADF3AB

Split Complementary

#ABADF3

#F3CDAB

#D1F3AB

Tetradic

#ABADF3

#F3ABD1

#F3F1AB

#ABF3CD

Color Blindness Simulation

Original

#ABADF3

Protanopia

#ACACE2

Deuteranopia

#ACACDE

Tritanopia

#ABD5D2

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C1C2F6
300
#9497F0
400
#5A5EE7
500
#2025DF
600
#191EB3
700
#14188F
800
#101370
900
#101251
950
#0A0B33

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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