#ACDEC9

#ACDEC9

Color Values

HEX

#ACDEC9

RGB

172, 222, 201

HSL

154.8, 43.1%, 77.3%

HSV

154.8, 22.5%, 87.1%

CMYK

22.5%, 0.0%, 9.5%, 12.9%

OKLCH

0.8598 0.0594 167.4

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#ACDEC9

#DEACC1

Analogous

#ACDEB0

#ACDADE

#ACDEC9

Triadic

#ACDEC9

#C9ACDE

#DEC9AC

Split Complementary

#ACDEC9

#DEACDA

#DEB0AC

Tetradic

#ACDEC9

#B0ACDE

#DEACC1

#DADEAC

Color Blindness Simulation

Original

#ACDEC9

Protanopia

#C2C2CE

Deuteranopia

#BFBBCF

Tritanopia

#AED2D3

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDE
300
#A7DCC6
400
#78C9A7
500
#49B688
600
#3A926D
700
#2E7557
800
#245B44
900
#1E4333
950
#132A20

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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