#ACCEDF

#ACCEDF

Color Values

HEX

#ACCEDF

RGB

172, 206, 223

HSL

200.0, 44.3%, 77.5%

HSV

200.0, 22.9%, 87.5%

CMYK

22.9%, 7.6%, 0.0%, 12.5%

OKLCH

0.8321 0.0434 229.6

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ACCEDF

#DFBDAC

Analogous

#ACDFD7

#ACB5DF

#ACCEDF

Triadic

#ACCEDF

#DFACCE

#CEDFAC

Split Complementary

#ACCEDF

#DFACB5

#DFD7AC

Tetradic

#ACCEDF

#D7ACDF

#DFBDAC

#B5DFAC

Color Blindness Simulation

Original

#ACCEDF

Protanopia

#BBBBDB

Deuteranopia

#B9B6DA

Tritanopia

#AED8D7

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBE1EB
300
#A7CBDD
400
#77AFCA
500
#4792B8
600
#397593
700
#2D5E76
800
#24495C
900
#1D3744
950
#12232B

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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