#A2FDF0

#A2FDF0

Color Values

HEX

#A2FDF0

RGB

162, 253, 240

HSL

171.4, 95.8%, 81.4%

HSV

171.4, 36.0%, 99.2%

CMYK

36.0%, 0.0%, 5.1%, 0.8%

OKLCH

0.9332 0.0892 184.4

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#A2FDF0

#FDA2AF

Analogous

#A2FDC3

#A2DDFD

#A2FDF0

Triadic

#A2FDF0

#F0A2FD

#FDF0A2

Split Complementary

#A2FDF0

#FDA2DD

#FDC3A2

Tetradic

#A2FDF0

#C3A2FD

#FDA2AF

#DDFDA2

Color Blindness Simulation

Original

#A2FDF0

Protanopia

#C9CAF3

Deuteranopia

#C4BDF4

Tritanopia

#A7F6F6

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DFFCF8
200
#B9FEF4
300
#87FCEC
400
#46FBE1
500
#05FAD7
600
#04C8AC
700
#03A089
800
#037D6B
900
#075A4E
950
#043931

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.84: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