#ACC6EC

#ACC6EC

Color Values

HEX

#ACC6EC

RGB

172, 198, 236

HSL

215.6, 62.7%, 80.0%

HSV

215.6, 27.1%, 92.5%

CMYK

27.1%, 16.1%, 0.0%, 7.5%

OKLCH

0.82 0.0608 257.8

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#ACC6EC

#ECD2AC

Analogous

#ACE6EC

#B2ACEC

#ACC6EC

Triadic

#ACC6EC

#ECACC6

#C6ECAC

Split Complementary

#ACC6EC

#ECB2AC

#E6ECAC

Tetradic

#ACC6EC

#ECACE6

#ECD2AC

#ACECB2

Color Blindness Simulation

Original

#ACC6EC

Protanopia

#B7B7E3

Deuteranopia

#B6B4E1

Tritanopia

#ADDCDA

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4EBF7
200
#C5D7F2
300
#9BBBE8
400
#6596DC
500
#3071CF
600
#265AA6
700
#1E4885
800
#183868
900
#152B4C
950
#0D1B30

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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