#AACAFA

#AACAFA

Color Values

HEX

#AACAFA

RGB

170, 202, 250

HSL

216.0, 88.9%, 82.4%

HSV

216.0, 32.0%, 98.0%

CMYK

32.0%, 19.2%, 0.0%, 2.0%

OKLCH

0.8323 0.0761 258.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AACAFA

#FADAAA

Analogous

#AAF2FA

#B2AAFA

#AACAFA

Triadic

#AACAFA

#FAAACA

#CAFAAA

Split Complementary

#AACAFA

#FAB2AA

#F2FAAA

Tetradic

#AACAFA

#FAAAF2

#FADAAA

#AAFAB2

Color Blindness Simulation

Original

#AACAFA

Protanopia

#B8B8EE

Deuteranopia

#B6B4EC

Tritanopia

#ACE5E3

Achromatopsia

#C7C7C7

CSS Usage

background-color: #AACAFA;
color: #AACAFA;
border-color: #AACAFA;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BCD5FB
300
#8BB7F8
400
#4D90F5
500
#0E69F1
600
#0B54C1
700
#09439A
800
#073478
900
#0A2957
950
#061A37

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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