#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