#AEFDDC

#AEFDDC

Color Values

HEX

#AEFDDC

RGB

174, 253, 220

HSL

154.9, 95.2%, 83.7%

HSV

154.9, 31.2%, 99.2%

CMYK

31.2%, 0.0%, 13.0%, 0.8%

OKLCH

0.9338 0.0899 166.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#AEFDDC

#FDAECF

Analogous

#AEFDB4

#AEF7FD

#AEFDDC

Triadic

#AEFDDC

#DCAEFD

#FDDCAE

Split Complementary

#AEFDDC

#FDAEF7

#FDB4AE

Tetradic

#AEFDDC

#B4AEFD

#FDAECF

#F7FDAE

Color Blindness Simulation

Original

#AEFDDC

Protanopia

#D0D1E4

Deuteranopia

#CCC6E6

Tritanopia

#B2EAEC

Achromatopsia

#EAEAEA

CSS Usage

background-color: #AEFDDC;
color: #AEFDDC;
border-color: #AEFDDC;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F1FEF8
100
#DFFCF0
200
#B9FDE1
300
#88FCCB
400
#47FAAF
500
#06F993
600
#05C776
700
#049F5E
800
#037C4A
900
#075A37
950
#043923

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.88:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026