#AACCF2

#AACCF2

Color Values

HEX

#AACCF2

RGB

170, 204, 242

HSL

211,7, 73,5%, 80,8%

HSV

211,7, 29,8%, 94,9%

CMYK

29,8%, 15,7%, 0,0%, 5,1%

OKLCH

0,8334 0,0648 251,4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#AACCF2

#F2D0AA

Analogous

#AAF0F2

#ACAAF2

#AACCF2

Triadic

#AACCF2

#F2AACC

#CCF2AA

Split Complementary

#AACCF2

#F2ACAA

#F0F2AA

Tetradic

#AACCF2

#F2AAF0

#F2D0AA

#AAF2AC

Color Blindness Simulation

Original

#AACCF2

Protanopia

#B9B9E9

Deuteranopia

#B7B4E7

Tritanopia

#ACE2E0

Achromatopsia

#C8C8C8

CSS Usage

background-color: #AACCF2;
color: #AACCF2;
border-color: #AACCF2;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DAF6
300
#95BFEF
400
#5B9DE6
500
#227ADD
600
#1B62B1
700
#164E8E
800
#113D6F
900
#102F50
950
#0A1D33

Contrast Checker

Text on white

1,66:1

AA Fail AAA Fail

Text on black

12,63: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