#ACCADF

#ACCADF

Color Values

HEX

#ACCADF

RGB

172, 202, 223

HSL

204.7, 44.3%, 77.5%

HSV

204.7, 22.9%, 87.5%

CMYK

22.9%, 9.4%, 0.0%, 12.5%

OKLCH

0.8237 0.0438 238.6

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ACCADF

#DFC1AC

Analogous

#ACDFDB

#ACB1DF

#ACCADF

Triadic

#ACCADF

#DFACCA

#CADFAC

Split Complementary

#ACCADF

#DFACB1

#DFDBAC

Tetradic

#ACCADF

#DBACDF

#DFC1AC

#B1DFAC

Color Blindness Simulation

Original

#ACCADF

Protanopia

#B9B9DA

Deuteranopia

#B7B5D9

Tritanopia

#AED6D5

Achromatopsia

#C5C5C5

CSS Usage

background-color: #ACCADF;
color: #ACCADF;
border-color: #ACCADF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDEEB
300
#A7C7DD
400
#77A8CA
500
#4789B8
600
#396E93
700
#2D5876
800
#24455C
900
#1D3444
950
#12212B

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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