#AEF5DF

#AEF5DF

Color Values

HEX

#AEF5DF

RGB

174, 245, 223

HSL

161,4, 78,0%, 82,2%

HSV

161,4, 29,0%, 96,1%

CMYK

29,0%, 0,0%, 9,0%, 3,9%

OKLCH

0,9171 0,0769 173,3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#AEF5DF

#F5AEC4

Analogous

#AEF5BC

#AEE8F5

#AEF5DF

Triadic

#AEF5DF

#DFAEF5

#F5DFAE

Split Complementary

#AEF5DF

#F5AEE8

#F5BCAE

Tetradic

#AEF5DF

#BCAEF5

#F5AEC4

#E8F5AE

Color Blindness Simulation

Original

#AEF5DF

Protanopia

#CDCDE4

Deuteranopia

#C9C3E6

Tritanopia

#B2E9E9

Achromatopsia

#E4E4E4

CSS Usage

background-color: #AEF5DF;
color: #AEF5DF;
border-color: #AEF5DF;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F2FCF9
100
#E1F9F2
200
#BFF7E6
300
#92F2D4
400
#57EABD
500
#1CE3A5
600
#16B684
700
#12916A
800
#0E7153
900
#0E523D
950
#093427

Contrast Checker

Text on white

1,24:1

AA Fail AAA Fail

Text on black

16,93:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026