#AAC5EB

#AAC5EB

Color Values

HEX

#AAC5EB

RGB

170, 197, 235

HSL

215.1, 61.9%, 79.4%

HSV

215.1, 27.7%, 92.2%

CMYK

27.7%, 16.2%, 0.0%, 7.8%

OKLCH

0.8163 0.0614 256.9

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#AAC5EB

#EBD0AA

Analogous

#AAE5EB

#AFAAEB

#AAC5EB

Triadic

#AAC5EB

#EBAAC5

#C5EBAA

Split Complementary

#AAC5EB

#EBAFAA

#E5EBAA

Tetradic

#AAC5EB

#EBAAE5

#EBD0AA

#AAEBAF

Color Blindness Simulation

Original

#AAC5EB

Protanopia

#B6B6E2

Deuteranopia

#B4B2E0

Tritanopia

#ABDBD9

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D8F1
300
#9CBBE8
400
#6697DB
500
#3172CE
600
#275BA5
700
#1F4984
800
#183967
900
#152C4B
950
#0E1C30

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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