#AACEDF

#AACEDF

Color Values

HEX

#AACEDF

RGB

170, 206, 223

HSL

199.2, 45.3%, 77.1%

HSV

199.2, 23.8%, 87.5%

CMYK

23.8%, 7.6%, 0.0%, 12.5%

OKLCH

0.8308 0.0451 228.2

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#AACEDF

#DFBBAA

Analogous

#AADFD6

#AAB4DF

#AACEDF

Triadic

#AACEDF

#DFAACE

#CEDFAA

Split Complementary

#AACEDF

#DFAAB4

#DFD6AA

Tetradic

#AACEDF

#D6AADF

#DFBBAA

#B4DFAA

Color Blindness Simulation

Original

#AACEDF

Protanopia

#BABADB

Deuteranopia

#B8B5DA

Tritanopia

#ACD8D7

Achromatopsia

#C8C8C8

CSS Usage

background-color: #AACEDF;
color: #AACEDF;
border-color: #AACEDF;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4F8FA
100
#E6F0F4
200
#CBE1EB
300
#A6CCDE
400
#76B0CB
500
#4694B9
600
#387794
700
#2D5F77
800
#234A5D
900
#1D3844
950
#12232B

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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