#AAACFF

#AAACFF

Color Values

HEX

#AAACFF

RGB

170, 172, 255

HSL

238,6, 100,0%, 83,3%

HSV

238,6, 33,3%, 100,0%

CMYK

33,3%, 32,5%, 0,0%, 0,0%

OKLCH

0,7746 0,1179 282,2

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#AAACFF

#FFFDAA

Analogous

#AAD6FF

#D2AAFF

#AAACFF

Triadic

#AAACFF

#FFAAAC

#ACFFAA

Split Complementary

#AAACFF

#FFD2AA

#D6FFAA

Tetradic

#AAACFF

#FFAAD6

#FFFDAA

#AAFFD2

Color Blindness Simulation

Original

#AAACFF

Protanopia

#ABABEB

Deuteranopia

#ABABE6

Tritanopia

#AADBD8

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B8B9FF
300
#8587FF
400
#4247FF
500
#0006FF
600
#0005CC
700
#0004A3
800
#000380
900
#05075C
950
#03043A

Contrast Checker

Text on white

2,09:1

AA Fail AAA Fail

Text on black

10,05: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