#ABACEC

#ABACEC

Color Values

HEX

#ABACEC

RGB

171, 172, 236

HSL

239,1, 63,1%, 79,8%

HSV

239,1, 27,5%, 92,5%

CMYK

27,5%, 27,1%, 0,0%, 7,5%

OKLCH

0,7669 0,0912 283,3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ABACEC

#ECEBAB

Analogous

#ABCCEC

#CBABEC

#ABACEC

Triadic

#ABACEC

#ECABAC

#ACECAB

Split Complementary

#ABACEC

#ECCBAB

#CCECAB

Tetradic

#ABACEC

#ECABCC

#ECEBAB

#ABECCB

Color Blindness Simulation

Original

#ABACEC

Protanopia

#ABABDD

Deuteranopia

#ABABD9

Tritanopia

#ABD0CE

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F3F3FB
100
#E4E4F7
200
#C5C5F2
300
#9B9CE8
400
#6567DC
500
#2F31D0
600
#2628A6
700
#1E2085
800
#181968
900
#15164C
950
#0D0E30

Contrast Checker

Text on white

2,13:1

AA Fail AAA Fail

Text on black

9,84: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