#AFD4C1

#AFD4C1

Color Values

HEX

#AFD4C1

RGB

175, 212, 193

HSL

149.2, 30.1%, 75.9%

HSV

149.2, 17.5%, 83.1%

CMYK

17.5%, 0.0%, 9.0%, 16.9%

OKLCH

0.8378 0.0472 162.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#AFD4C1

#D4AFC2

Analogous

#B0D4AF

#AFD4D4

#AFD4C1

Triadic

#AFD4C1

#C1AFD4

#D4C1AF

Split Complementary

#AFD4C1

#D4AFD4

#D4AFB0

Tetradic

#AFD4C1

#AFB0D4

#D4AFC2

#D4D4AF

Color Blindness Simulation

Original

#AFD4C1

Protanopia

#BFBFC6

Deuteranopia

#BDBAC7

Tritanopia

#B1C9CA

Achromatopsia

#CBCBCB

CSS Usage

background-color: #AFD4C1;
color: #AFD4C1;
border-color: #AFD4C1;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5F9F7
100
#E9F2ED
200
#D1E6DB
300
#AFD4C1
400
#84BDA0
500
#59A67E
600
#478565
700
#396A51
800
#2D533F
900
#233E30
950
#16271E

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

13.01:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026