#ACD5F2

#ACD5F2

Color Values

HEX

#ACD5F2

RGB

172, 213, 242

HSL

204.9, 72.9%, 81.2%

HSV

204.9, 28.9%, 94.9%

CMYK

28.9%, 12.0%, 0.0%, 5.1%

OKLCH

0.8534 0.0592 239.2

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ACD5F2

#F2C9AC

Analogous

#ACF2EC

#ACB2F2

#ACD5F2

Triadic

#ACD5F2

#F2ACD5

#D5F2AC

Split Complementary

#ACD5F2

#F2ACB2

#F2ECAC

Tetradic

#ACD5F2

#ECACF2

#F2C9AC

#B2F2AC

Color Blindness Simulation

Original

#ACD5F2

Protanopia

#BEBEEB

Deuteranopia

#BBB8E9

Tritanopia

#AEE5E4

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1E0F5
300
#95C9EE
400
#5CACE5
500
#238FDC
600
#1C73B0
700
#165C8D
800
#11486E
900
#113650
950
#0B2233

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026