#ABDFE6

#ABDFE6

Color Values

HEX

#ABDFE6

RGB

171, 223, 230

HSL

187.1, 54.1%, 78.6%

HSV

187.1, 25.7%, 90.2%

CMYK

25.7%, 3.0%, 0.0%, 9.8%

OKLCH

0.8699 0.0542 206.5

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#ABDFE6

#E6B2AB

Analogous

#ABE6CF

#ABC1E6

#ABDFE6

Triadic

#ABDFE6

#E6ABDF

#DFE6AB

Split Complementary

#ABDFE6

#E6ABC1

#E6CFAB

Tetradic

#ABDFE6

#CFABE6

#E6B2AB

#C1E6AB

Color Blindness Simulation

Original

#ABDFE6

Protanopia

#C2C2E4

Deuteranopia

#BEBBE4

Tritanopia

#AEE3E3

Achromatopsia

#D4D4D4

CSS Usage

background-color: #ABDFE6;
color: #ABDFE6;
border-color: #ABDFE6;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8EAEF
300
#A1DBE3
400
#6EC8D4
500
#3BB4C4
600
#2F909D
700
#25737E
800
#1D5A62
900
#194248
950
#102A2D

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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