#ABADFC

#ABADFC

Color Values

HEX

#ABADFC

RGB

171, 173, 252

HSL

238.5, 93.1%, 82.9%

HSV

238.5, 32.1%, 98.8%

CMYK

32.1%, 31.3%, 0.0%, 1.2%

OKLCH

0.7759 0.1122 282.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#ABADFC

#FCFAAB

Analogous

#ABD5FC

#D1ABFC

#ABADFC

Triadic

#ABADFC

#FCABAD

#ADFCAB

Split Complementary

#ABADFC

#FCD1AB

#D5FCAB

Tetradic

#ABADFC

#FCABD5

#FCFAAB

#ABFCD1

Color Blindness Simulation

Original

#ABADFC

Protanopia

#ACACE9

Deuteranopia

#ACACE4

Tritanopia

#ABDAD6

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFD
300
#898CFB
400
#494DF8
500
#090FF6
600
#070CC5
700
#06099E
800
#04077B
900
#080A59
950
#050638

Contrast Checker

Text on white

2.08:1

AA Fail AAA Fail

Text on black

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