#ACD4FB

#ACD4FB

Color Values

HEX

#ACD4FB

RGB

172, 212, 251

HSL

209.6, 90.8%, 82.9%

HSV

209.6, 31.5%, 98.4%

CMYK

31.5%, 15.5%, 0.0%, 1.6%

OKLCH

0.8546 0.0691 248.0

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ACD4FB

#FBD3AC

Analogous

#ACFBFA

#ACACFB

#ACD4FB

Triadic

#ACD4FB

#FBACD4

#D4FBAC

Split Complementary

#ACD4FB

#FBACAC

#FBFAAC

Tetradic

#ACD4FB

#FAACFB

#FBD3AC

#ACFBAC

Color Blindness Simulation

Original

#ACD4FB

Protanopia

#BDBEF2

Deuteranopia

#BBB8EF

Tritanopia

#AEEAE8

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BBDCFC
300
#8AC3F9
400
#4BA2F6
500
#0C81F3
600
#0967C3
700
#08539C
800
#06417A
900
#093158
950
#061F38

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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