#ACD1EB

#ACD1EB

Color Values

HEX

#ACD1EB

RGB

172, 209, 235

HSL

204.8, 61.2%, 79.8%

HSV

204.8, 26.8%, 92.2%

CMYK

26.8%, 11.1%, 0.0%, 7.8%

OKLCH

0.8425 0.0536 238.9

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ACD1EB

#EBC6AC

Analogous

#ACEBE6

#ACB1EB

#ACD1EB

Triadic

#ACD1EB

#EBACD1

#D1EBAC

Split Complementary

#ACD1EB

#EBACB1

#EBE6AC

Tetradic

#ACD1EB

#E6ACEB

#EBC6AC

#B1EBAC

Color Blindness Simulation

Original

#ACD1EB

Protanopia

#BCBCE5

Deuteranopia

#BAB7E3

Tritanopia

#AEE0DF

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF6
200
#C5DFF1
300
#9CC8E7
400
#67ABDA
500
#318DCE
600
#2871A4
700
#205A84
800
#194767
900
#16354B
950
#0E222F

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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