#AACFF7

#AACFF7

Color Values

HEX

#AACFF7

RGB

170, 207, 247

HSL

211.2, 82.8%, 81.8%

HSV

211.2, 31.2%, 96.9%

CMYK

31.2%, 16.2%, 0.0%, 3.1%

OKLCH

0.8415 0.0687 250.6

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#AACFF7

#F7D2AA

Analogous

#AAF5F7

#ACAAF7

#AACFF7

Triadic

#AACFF7

#F7AACF

#CFF7AA

Split Complementary

#AACFF7

#F7ACAA

#F5F7AA

Tetradic

#AACFF7

#F7AAF5

#F7D2AA

#AAF7AC

Color Blindness Simulation

Original

#AACFF7

Protanopia

#BABAED

Deuteranopia

#B8B5EB

Tritanopia

#ACE6E4

Achromatopsia

#CACACA

CSS Usage

background-color: #AACFF7;
color: #AACFF7;
border-color: #AACFF7;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#8FC0F4
400
#539EEF
500
#167BE9
600
#1263BA
700
#0E4F95
800
#0B3E75
900
#0C2F55
950
#081E35

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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