#AFDCDE

#AFDCDE

Color Values

HEX

#AFDCDE

RGB

175, 220, 222

HSL

182.6, 41.6%, 77.8%

HSV

182.6, 21.2%, 87.1%

CMYK

21.2%, 0.9%, 0.0%, 12.9%

OKLCH

0.8634 0.0468 199.7

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#AFDCDE

#DEB1AF

Analogous

#AFDEC8

#AFC4DE

#AFDCDE

Triadic

#AFDCDE

#DEAFDC

#DCDEAF

Split Complementary

#AFDCDE

#DEAFC4

#DEC8AF

Tetradic

#AFDCDE

#C8AFDE

#DEB1AF

#C4DEAF

Color Blindness Simulation

Original

#AFDCDE

Protanopia

#C2C3DE

Deuteranopia

#C0BCDD

Tritanopia

#B1DDDD

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CCE9EA
300
#A8D9DB
400
#79C4C8
500
#4AB0B5
600
#3C8D90
700
#307174
800
#25585A
900
#1E4143
950
#13292A

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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