#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026