#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