#ABACEE

#ABACEE

Color Values

HEX

#ABACEE

RGB

171, 172, 238

HSL

239.1, 66.3%, 80.2%

HSV

239.1, 28.2%, 93.3%

CMYK

28.2%, 27.7%, 0.0%, 6.7%

OKLCH

0.7678 0.094 283.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABACEE

#EEEDAB

Analogous

#ABCEEE

#CCABEE

#ABACEE

Triadic

#ABACEE

#EEABAC

#ACEEAB

Split Complementary

#ABACEE

#EECCAB

#CEEEAB

Tetradic

#ABACEE

#EEABCE

#EEEDAB

#ABEECC

Color Blindness Simulation

Original

#ABACEE

Protanopia

#ABABDE

Deuteranopia

#ABABDA

Tritanopia

#ABD1CF

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E3F7
200
#C4C4F3
300
#999AEA
400
#6264DF
500
#2B2ED4
600
#2224AA
700
#1B1D88
800
#15176A
900
#14144D
950
#0C0D31

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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