#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026