#AFD6CF

#AFD6CF

Color Values

HEX

#AFD6CF

RGB

175, 214, 207

HSL

169,2, 32,2%, 76,3%

HSV

169,2, 18,2%, 83,9%

CMYK

18,2%, 0,0%, 3,3%, 16,1%

OKLCH

0,8461 0,0422 183,2

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#AFD6CF

#D6AFB6

Analogous

#AFD6BC

#AFCAD6

#AFD6CF

Triadic

#AFD6CF

#CFAFD6

#D6CFAF

Split Complementary

#AFD6CF

#D6AFCA

#D6BCAF

Tetradic

#AFD6CF

#BCAFD6

#D6AFB6

#CAD6AF

Color Blindness Simulation

Original

#AFD6CF

Protanopia

#C0C0D1

Deuteranopia

#BEBBD1

Tritanopia

#B1D2D2

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E8F2F0
200
#D0E7E3
300
#AED6CE
400
#82BFB4
500
#56A99A
600
#45877B
700
#376C62
800
#2B544D
900
#223E39
950
#162724

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,34: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