#ABAFF0

#ABAFF0

Color Values

HEX

#ABAFF0

RGB

171, 175, 240

HSL

236.5, 69.7%, 80.6%

HSV

236.5, 28.8%, 94.1%

CMYK

28.8%, 27.1%, 0.0%, 5.9%

OKLCH

0.7745 0.0927 281.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABAFF0

#F0ECAB

Analogous

#ABD2F0

#CAABF0

#ABAFF0

Triadic

#ABAFF0

#F0ABAF

#AFF0AB

Split Complementary

#ABAFF0

#F0CAAB

#D2F0AB

Tetradic

#ABAFF0

#F0ABD2

#F0ECAB

#ABF0CA

Color Blindness Simulation

Original

#ABAFF0

Protanopia

#ADADE0

Deuteranopia

#ACACDC

Tritanopia

#ABD4D1

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E4F8
200
#C2C5F4
300
#979CEC
400
#5F67E2
500
#2731D8
600
#1F27AD
700
#191F8A
800
#13196C
900
#12164F
950
#0B0E32

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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