#ADF4E2

#ADF4E2

Color Values

HEX

#ADF4E2

RGB

173, 244, 226

HSL

164.8, 76.3%, 81.8%

HSV

164.8, 29.1%, 95.7%

CMYK

29.1%, 0.0%, 7.4%, 4.3%

OKLCH

0.9152 0.0748 177.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ADF4E2

#F4ADBF

Analogous

#ADF4BF

#ADE3F4

#ADF4E2

Triadic

#ADF4E2

#E2ADF4

#F4E2AD

Split Complementary

#ADF4E2

#F4ADE3

#F4BFAD

Tetradic

#ADF4E2

#BFADF4

#F4ADBF

#E3F4AD

Color Blindness Simulation

Original

#ADF4E2

Protanopia

#CCCCE6

Deuteranopia

#C8C2E7

Tritanopia

#B1EAEB

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F2FCFA
100
#E2F9F3
200
#C0F7E9
300
#93F0D9
400
#59E9C4
500
#1EE1AF
600
#18B48C
700
#139070
800
#0F7058
900
#0F5241
950
#0A3429

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.82:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026