#AAAFFD

#AAAFFD

Color Values

HEX

#AAAFFD

RGB

170, 175, 253

HSL

236,4, 95,4%, 82,9%

HSV

236,4, 32,8%, 99,2%

CMYK

32,8%, 30,8%, 0,0%, 0,8%

OKLCH

0,7795 0,111 280,7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#AAAFFD

#FDF8AA

Analogous

#AAD8FD

#CEAAFD

#AAAFFD

Triadic

#AAAFFD

#FDAAAF

#AFFDAA

Split Complementary

#AAAFFD

#FDCEAA

#D8FDAA

Tetradic

#AAAFFD

#FDAAD8

#FDF8AA

#AAFDCE

Color Blindness Simulation

Original

#AAAFFD

Protanopia

#ACACEA

Deuteranopia

#ACACE6

Tritanopia

#AADBD8

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BDFD
300
#878EFC
400
#4751FB
500
#0614F9
600
#0510C7
700
#040D9F
800
#030A7D
900
#070C5A
950
#040739

Contrast Checker

Text on white

2,05:1

AA Fail AAA Fail

Text on black

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