#AFE4D3

#AFE4D3

Color Values

HEX

#AFE4D3

RGB

175, 228, 211

HSL

160.8, 49.5%, 79.0%

HSV

160.8, 23.2%, 89.4%

CMYK

23.2%, 0.0%, 7.5%, 10.6%

OKLCH

0.8774 0.0593 173.2

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#AFE4D3

#E4AFC0

Analogous

#AFE4B8

#AFDAE4

#AFE4D3

Triadic

#AFE4D3

#D3AFE4

#E4D3AF

Split Complementary

#AFE4D3

#E4AFDA

#E4B8AF

Tetradic

#AFE4D3

#B8AFE4

#E4AFC0

#DAE4AF

Color Blindness Simulation

Original

#AFE4D3

Protanopia

#C6C6D7

Deuteranopia

#C3BFD8

Tritanopia

#B2DADB

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F4FBF9
100
#E6F5F0
200
#CAEDE2
300
#A4E0CD
400
#72CFB1
500
#40BF96
600
#349878
700
#297A60
800
#205F4B
900
#1B4638
950
#112C24

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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