#AEF9F2

#AEF9F2

Color Values

HEX

#AEF9F2

RGB

174, 249, 242

HSL

174.4, 86.2%, 82.9%

HSV

174.4, 30.1%, 97.6%

CMYK

30.1%, 0.0%, 2.8%, 2.4%

OKLCH

0.9313 0.0744 188.7

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#AEF9F2

#F9AEB5

Analogous

#AEF9CC

#AEDAF9

#AEF9F2

Triadic

#AEF9F2

#F2AEF9

#F9F2AE

Split Complementary

#AEF9F2

#F9AEDA

#F9CCAE

Tetradic

#AEF9F2

#CCAEF9

#F9AEB5

#DAF9AE

Color Blindness Simulation

Original

#AEF9F2

Protanopia

#CECFF4

Deuteranopia

#CAC4F4

Tritanopia

#B2F5F5

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BDFAF4
300
#8DF7ED
400
#4FF2E3
500
#12EDD9
600
#0EBEAE
700
#0B988B
800
#09776C
900
#0B564F
950
#073632

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.63:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026