#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