#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

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026