#A2CCC1

#A2CCC1

Color Values

HEX

#A2CCC1

RGB

162, 204, 193

HSL

164.3, 29.2%, 71.8%

HSV

164.3, 20.6%, 80.0%

CMYK

20.6%, 0.0%, 5.4%, 20.0%

OKLCH

0.8119 0.047 177.3

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#A2CCC1

#CCA2AD

Analogous

#A2CCAC

#A2C2CC

#A2CCC1

Triadic

#A2CCC1

#C1A2CC

#CCC1A2

Split Complementary

#A2CCC1

#CCA2C2

#CCACA2

Tetradic

#A2CCC1

#ACA2CC

#CCA2AD

#C2CCA2

Color Blindness Simulation

Original

#A2CCC1

Protanopia

#B4B5C4

Deuteranopia

#B2AFC4

Tritanopia

#A4C6C6

Achromatopsia

#C2C2C2

CSS Usage

background-color: #A2CCC1;
color: #A2CCC1;
border-color: #A2CCC1;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5F9F8
100
#E9F2EF
200
#D1E6E0
300
#B0D4CA
400
#85BCAE
500
#5AA591
600
#488474
700
#3A695D
800
#2D5249
900
#243D37
950
#172722

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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