#ACC2DD

#ACC2DD

Color Values

HEX

#ACC2DD

RGB

172, 194, 221

HSL

213.1, 41.9%, 77.1%

HSV

213.1, 22.2%, 86.7%

CMYK

22.2%, 12.2%, 0.0%, 13.3%

OKLCH

0.8063 0.0452 253.6

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#ACC2DD

#DDC7AC

Analogous

#ACDBDD

#AFACDD

#ACC2DD

Triadic

#ACC2DD

#DDACC2

#C2DDAC

Split Complementary

#ACC2DD

#DDAFAC

#DBDDAC

Tetradic

#ACC2DD

#DDACDB

#DDC7AC

#ACDDAF

Color Blindness Simulation

Original

#ACC2DD

Protanopia

#B6B6D6

Deuteranopia

#B4B3D5

Tritanopia

#ADD1D0

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF4
200
#CCDAEA
300
#A8BFDB
400
#799DC8
500
#4A7AB5
600
#3B6291
700
#2F4E74
800
#253D5A
900
#1E2F43
950
#131D2A

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.51:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026