#A3FAF2

#A3FAF2

Color Values

HEX

#A3FAF2

RGB

163, 250, 242

HSL

174.5, 89.7%, 81.0%

HSV

174.5, 34.8%, 98.0%

CMYK

34.8%, 0.0%, 3.2%, 2.0%

OKLCH

0.9278 0.0847 188.5

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#A3FAF2

#FAA3AB

Analogous

#A3FAC7

#A3D7FA

#A3FAF2

Triadic

#A3FAF2

#F2A3FA

#FAF2A3

Split Complementary

#A3FAF2

#FAA3D7

#FAC7A3

Tetradic

#A3FAF2

#C7A3FA

#FAA3AB

#D7FAA3

Color Blindness Simulation

Original

#A3FAF2

Protanopia

#C9C9F4

Deuteranopia

#C4BDF4

Tritanopia

#A7F5F6

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FBF8
200
#BBFBF5
300
#8BF9EF
400
#4CF5E6
500
#0DF2DD
600
#0BC1B1
700
#089B8D
800
#07796E
900
#095850
950
#063733

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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