#AAACF9

#AAACF9

Color Values

HEX

#AAACF9

RGB

170, 172, 249

HSL

238.5, 86.8%, 82.2%

HSV

238.5, 31.7%, 97.6%

CMYK

31.7%, 30.9%, 0.0%, 2.4%

OKLCH

0.7719 0.1095 282.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#AAACF9

#F9F7AA

Analogous

#AAD4F9

#D0AAF9

#AAACF9

Triadic

#AAACF9

#F9AAAC

#ACF9AA

Split Complementary

#AAACF9

#F9D0AA

#D4F9AA

Tetradic

#AAACF9

#F9AAD4

#F9F7AA

#AAF9D0

Color Blindness Simulation

Original

#AAACF9

Protanopia

#ABABE6

Deuteranopia

#ABABE2

Tritanopia

#AAD8D4

Achromatopsia

#B1B1B1

CSS Usage

background-color: #AAACF9;
color: #AAACF9;
border-color: #AAACF9;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BCBEFA
300
#8D8FF7
400
#4F53F3
500
#1116EE
600
#0D12BF
700
#0B0E98
800
#080B77
900
#0B0C56
950
#070837

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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