#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026