#A6DECC

#A6DECC

Color Values

HEX

#A6DECC

RGB

166, 222, 204

HSL

160.7, 45.9%, 76.1%

HSV

160.7, 25.2%, 87.1%

CMYK

25.2%, 0.0%, 8.1%, 12.9%

OKLCH

0.857 0.0627 173.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#A6DECC

#DEA6B8

Analogous

#A6DEB0

#A6D4DE

#A6DECC

Triadic

#A6DECC

#CCA6DE

#DECCA6

Split Complementary

#A6DECC

#DEA6D4

#DEB0A6

Tetradic

#A6DECC

#B0A6DE

#DEA6B8

#D4DEA6

Color Blindness Simulation

Original

#A6DECC

Protanopia

#BEBFD0

Deuteranopia

#BBB7D1

Tritanopia

#A9D4D5

Achromatopsia

#D1D1D1

CSS Usage

background-color: #A6DECC;
color: #A6DECC;
border-color: #A6DECC;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F4FAF8
100
#E6F4F0
200
#CBECE1
300
#A6DECC
400
#75CCB0
500
#45BA94
600
#379577
700
#2C775F
800
#225D4A
900
#1C4438
950
#122B23

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.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