#ACD1FB

#ACD1FB

Color Values

HEX

#ACD1FB

RGB

172, 209, 251

HSL

211.9, 90.8%, 82.9%

HSV

211.9, 31.5%, 98.4%

CMYK

31.5%, 16.7%, 0.0%, 1.6%

OKLCH

0.8484 0.071 251.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ACD1FB

#FBD6AC

Analogous

#ACF8FB

#AEACFB

#ACD1FB

Triadic

#ACD1FB

#FBACD1

#D1FBAC

Split Complementary

#ACD1FB

#FBAEAC

#F8FBAC

Tetradic

#ACD1FB

#FBACF8

#FBD6AC

#ACFBAE

Color Blindness Simulation

Original

#ACD1FB

Protanopia

#BCBCF1

Deuteranopia

#BAB7EE

Tritanopia

#AEE9E7

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FC
300
#8ABEF9
400
#4B9BF6
500
#0C78F3
600
#0960C3
700
#084D9C
800
#063C7A
900
#092E58
950
#061D38

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.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