#AFD8D6

#AFD8D6

Color Values

HEX

#AFD8D6

RGB

175, 216, 214

HSL

177.1, 34.5%, 76.7%

HSV

177.1, 19.0%, 84.7%

CMYK

19.0%, 0.0%, 0.9%, 15.3%

OKLCH

0.8524 0.043 192.7

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#AFD8D6

#D8AFB1

Analogous

#AFD8C2

#AFC6D8

#AFD8D6

Triadic

#AFD8D6

#D6AFD8

#D8D6AF

Split Complementary

#AFD8D6

#D8AFC6

#D8C2AF

Tetradic

#AFD8D6

#C2AFD8

#D8AFB1

#C6D8AF

Color Blindness Simulation

Original

#AFD8D6

Protanopia

#C1C1D6

Deuteranopia

#BEBBD7

Tritanopia

#B1D7D7

Achromatopsia

#CFCFCF

CSS Usage

background-color: #AFD8D6;
color: #AFD8D6;
border-color: #AFD8D6;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F5FAF9
100
#E8F2F2
200
#CFE8E6
300
#ADD7D5
400
#80C1BE
500
#54ABA7
600
#438986
700
#356E6B
800
#2A5654
900
#213F3E
950
#152827

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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