#AFC7C2

#AFC7C2

Color Values

HEX

#AFC7C2

RGB

175, 199, 194

HSL

167.5, 17.6%, 73.3%

HSV

167.5, 12.1%, 78.0%

CMYK

12.1%, 0.0%, 2.5%, 22.0%

OKLCH

0.8102 0.0269 181.7

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#AFC7C2

#C7AFB4

Analogous

#AFC7B6

#AFC0C7

#AFC7C2

Triadic

#AFC7C2

#C2AFC7

#C7C2AF

Split Complementary

#AFC7C2

#C7AFC0

#C7B6AF

Tetradic

#AFC7C2

#B6AFC7

#C7AFB4

#C0C7AF

Color Blindness Simulation

Original

#AFC7C2

Protanopia

#B9BAC3

Deuteranopia

#B8B6C3

Tritanopia

#B0C4C4

Achromatopsia

#C2C2C2

CSS Usage

background-color: #AFC7C2;
color: #AFC7C2;
border-color: #AFC7C2;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F8F8
100
#EAF0EF
200
#D5E2DF
300
#B7CDC8
400
#90B1AA
500
#69968D
600
#547870
700
#43605A
800
#354B46
900
#293835
950
#1A2321

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

11.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026