#AAF2FB

#AAF2FB

Color Values

HEX

#AAF2FB

RGB

170, 242, 251

HSL

186.7, 91.0%, 82.5%

HSV

186.7, 32.3%, 98.4%

CMYK

32.3%, 3.6%, 0.0%, 1.6%

OKLCH

0.9168 0.0721 205.8

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#AAF2FB

#FBB3AA

Analogous

#AAFBDB

#AAC9FB

#AAF2FB

Triadic

#AAF2FB

#FBAAF2

#F2FBAA

Split Complementary

#AAF2FB

#FBAAC9

#FBDBAA

Tetradic

#AAF2FB

#DBAAFB

#FBB3AA

#C9FBAA

Color Blindness Simulation

Original

#AAF2FB

Protanopia

#C9CAF9

Deuteranopia

#C5C0F8

Tritanopia

#AEF7F7

Achromatopsia

#E3E3E3

CSS Usage

background-color: #AAF2FB;
color: #AAF2FB;
border-color: #AAF2FB;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEDF9
400
#4BE3F7
500
#0BDAF4
600
#09AEC3
700
#078B9C
800
#066D7A
900
#094F58
950
#063238

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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