#AADCC2

#AADCC2

Color Values

HEX

#AADCC2

RGB

170, 220, 194

HSL

148.8, 41.7%, 76.5%

HSV

148.8, 22.7%, 86.3%

CMYK

22.7%, 0.0%, 11.8%, 13.7%

OKLCH

0.8523 0.0632 162.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#AADCC2

#DCAAC4

Analogous

#ABDCAA

#AADCDB

#AADCC2

Triadic

#AADCC2

#C2AADC

#DCC2AA

Split Complementary

#AADCC2

#DBAADC

#DCAAAB

Tetradic

#AADCC2

#AAABDC

#DCAAC4

#DCDBAA

Color Blindness Simulation

Original

#AADCC2

Protanopia

#C0C0C8

Deuteranopia

#BDB9CA

Tritanopia

#ACCDCE

Achromatopsia

#CFCFCF

CSS Usage

background-color: #AADCC2;
color: #AADCC2;
border-color: #AADCC2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CCEADB
300
#A8DBC1
400
#79C89F
500
#4AB57D
600
#3B9164
700
#307450
800
#255A3F
900
#1E4330
950
#132A1E

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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