#A2CCD4

#A2CCD4

Color Values

HEX

#A2CCD4

RGB

162, 204, 212

HSL

189.6, 36.8%, 73.3%

HSV

189.6, 23.6%, 83.1%

CMYK

23.6%, 3.8%, 0.0%, 16.9%

OKLCH

0.8178 0.0456 210.5

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#A2CCD4

#D4AAA2

Analogous

#A2D4C3

#A2B3D4

#A2CCD4

Triadic

#A2CCD4

#D4A2CC

#CCD4A2

Split Complementary

#A2CCD4

#D4A2B3

#D4C3A2

Tetradic

#A2CCD4

#C3A2D4

#D4AAA2

#B3D4A2

Color Blindness Simulation

Original

#A2CCD4

Protanopia

#B4B5D2

Deuteranopia

#B2AFD2

Tritanopia

#A4D1D0

Achromatopsia

#C4C4C4

CSS Usage

background-color: #A2CCD4;
color: #A2CCD4;
border-color: #A2CCD4;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F9FA
100
#E8F1F3
200
#CEE4E8
300
#ABD1D8
400
#7EB8C3
500
#519FAE
600
#40808C
700
#346670
800
#285057
900
#203B40
950
#142529

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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