#ACDEC2

#ACDEC2

Color Values

HEX

#ACDEC2

RGB

172, 222, 194

HSL

146.4, 43.1%, 77.3%

HSV

146.4, 22.5%, 87.1%

CMYK

22.5%, 0.0%, 12.6%, 12.9%

OKLCH

0.8579 0.0647 160.1

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#ACDEC2

#DEACC8

Analogous

#AFDEAC

#ACDEDB

#ACDEC2

Triadic

#ACDEC2

#C2ACDE

#DEC2AC

Split Complementary

#ACDEC2

#DBACDE

#DEACAF

Tetradic

#ACDEC2

#ACAFDE

#DEACC8

#DEDBAC

Color Blindness Simulation

Original

#ACDEC2

Protanopia

#C2C2C9

Deuteranopia

#BFBBCA

Tritanopia

#AECECF

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD9
300
#A7DCBF
400
#78C99C
500
#49B679
600
#3A9261
700
#2E754D
800
#245B3C
900
#1E432E
950
#132A1D

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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