#ABD4D8

#ABD4D8

Color Values

HEX

#ABD4D8

RGB

171, 212, 216

HSL

185.3, 36.6%, 75.9%

HSV

185.3, 20.8%, 84.7%

CMYK

20.8%, 1.9%, 0.0%, 15.3%

OKLCH

0.842 0.0434 203.7

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#ABD4D8

#D8AFAB

Analogous

#ABD8C6

#ABBED8

#ABD4D8

Triadic

#ABD4D8

#D8ABD4

#D4D8AB

Split Complementary

#ABD4D8

#D8ABBE

#D8C6AB

Tetradic

#ABD4D8

#C6ABD8

#D8AFAB

#BED8AB

Color Blindness Simulation

Original

#ABD4D8

Protanopia

#BDBDD7

Deuteranopia

#BAB7D7

Tritanopia

#ADD6D6

Achromatopsia

#CCCCCC

CSS Usage

background-color: #ABD4D8;
color: #ABD4D8;
border-color: #ABD4D8;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9FA
100
#E8F2F3
200
#CEE6E8
300
#ABD4D8
400
#7EBDC3
500
#51A6AE
600
#41858B
700
#346A6F
800
#285357
900
#203E40
950
#152729

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.14:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026