#AFDCCE

#AFDCCE

Color Values

HEX

#AFDCCE

RGB

175, 220, 206

HSL

161.3, 39.1%, 77.5%

HSV

161.3, 20.5%, 86.3%

CMYK

20.5%, 0.0%, 6.4%, 13.7%

OKLCH

0.8587 0.0508 174.1

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#AFDCCE

#DCAFBD

Analogous

#AFDCB8

#AFD4DC

#AFDCCE

Triadic

#AFDCCE

#CEAFDC

#DCCEAF

Split Complementary

#AFDCCE

#DCAFD4

#DCB8AF

Tetradic

#AFDCCE

#B8AFDC

#DCAFBD

#D4DCAF

Color Blindness Simulation

Original

#AFDCCE

Protanopia

#C2C3D1

Deuteranopia

#C0BCD2

Tritanopia

#B1D4D5

Achromatopsia

#D1D1D1

CSS Usage

background-color: #AFDCCE;
color: #AFDCCE;
border-color: #AFDCCE;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9E1
300
#AADACB
400
#7CC6AF
500
#4EB192
600
#3E8E75
700
#32725E
800
#275949
900
#1F4137
950
#142923

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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