#ACD2EF

#ACD2EF

Color Values

HEX

#ACD2EF

RGB

172, 210, 239

HSL

206.0, 67.7%, 80.6%

HSV

206.0, 28.0%, 93.7%

CMYK

28.0%, 12.1%, 0.0%, 6.3%

OKLCH

0.8461 0.0572 241.2

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ACD2EF

#EFC9AC

Analogous

#ACEFEB

#ACB1EF

#ACD2EF

Triadic

#ACD2EF

#EFACD2

#D2EFAC

Split Complementary

#ACD2EF

#EFACB1

#EFEBAC

Tetradic

#ACD2EF

#EBACEF

#EFC9AC

#B1EFAC

Color Blindness Simulation

Original

#ACD2EF

Protanopia

#BCBDE8

Deuteranopia

#BAB7E6

Tritanopia

#AEE2E1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C3DFF3
300
#98C7EB
400
#61A9E1
500
#298BD6
600
#216FAB
700
#1A5989
800
#15466B
900
#13344E
950
#0C2131

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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