#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026