#AAACFD

#AAACFD

Color Values

HEX

#AAACFD

RGB

170, 172, 253

HSL

238.6, 95.4%, 82.9%

HSV

238.6, 32.8%, 99.2%

CMYK

32.8%, 32.0%, 0.0%, 0.8%

OKLCH

0.7737 0.1151 282.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#AAACFD

#FDFBAA

Analogous

#AAD5FD

#D1AAFD

#AAACFD

Triadic

#AAACFD

#FDAAAC

#ACFDAA

Split Complementary

#AAACFD

#FDD1AA

#D5FDAA

Tetradic

#AAACFD

#FDAAD5

#FDFBAA

#AAFDD1

Color Blindness Simulation

Original

#AAACFD

Protanopia

#ABABE9

Deuteranopia

#ABABE5

Tritanopia

#AADAD7

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#B9BBFD
300
#878AFC
400
#474BFB
500
#060CF9
600
#0509C7
700
#04079F
800
#03067D
900
#07095A
950
#040639

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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