#ABE2EE

#ABE2EE

Color Values

HEX

#ABE2EE

RGB

171, 226, 238

HSL

190.7, 66.3%, 80.2%

HSV

190.7, 28.2%, 93.3%

CMYK

28.2%, 5.0%, 0.0%, 6.7%

OKLCH

0.8789 0.0585 212.6

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#ABE2EE

#EEB7AB

Analogous

#ABEED8

#ABC1EE

#ABE2EE

Triadic

#ABE2EE

#EEABE2

#E2EEAB

Split Complementary

#ABE2EE

#EEABC1

#EED8AB

Tetradic

#ABE2EE

#D8ABEE

#EEB7AB

#C1EEAB

Color Blindness Simulation

Original

#ABE2EE

Protanopia

#C3C3EB

Deuteranopia

#C0BCEA

Tritanopia

#AEE9E8

Achromatopsia

#D7D7D7

CSS Usage

background-color: #ABE2EE;
color: #ABE2EE;
border-color: #ABE2EE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F3FAFC
100
#E3F4F7
200
#C4EBF3
300
#99DCEA
400
#62C9DF
500
#2BB6D4
600
#2292AA
700
#1B7488
800
#155B6A
900
#14434D
950
#0C2A31

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.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