#ABCED5

#ABCED5

Color Values

HEX

#ABCED5

RGB

171, 206, 213

HSL

190.0, 33.3%, 75.3%

HSV

190.0, 19.7%, 83.5%

CMYK

19.7%, 3.3%, 0.0%, 16.5%

OKLCH

0.8282 0.0385 211.1

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#ABCED5

#D5B2AB

Analogous

#ABD5C7

#ABB9D5

#ABCED5

Triadic

#ABCED5

#D5ABCE

#CED5AB

Split Complementary

#ABCED5

#D5ABB9

#D5C7AB

Tetradic

#ABCED5

#C7ABD5

#D5B2AB

#B9D5AB

Color Blindness Simulation

Original

#ABCED5

Protanopia

#BABAD3

Deuteranopia

#B8B6D3

Tritanopia

#ADD2D2

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E8F1F2
200
#CFE3E7
300
#ADCFD6
400
#81B6C0
500
#559CAA
600
#447D88
700
#36646D
800
#2B4E55
900
#223A3F
950
#152528

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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