#ACEED4

#ACEED4

Color Values

HEX

#ACEED4

RGB

172, 238, 212

HSL

156.4, 66.0%, 80.4%

HSV

156.4, 27.7%, 93.3%

CMYK

27.7%, 0.0%, 10.9%, 6.7%

OKLCH

0.8977 0.0755 168.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ACEED4

#EEACC6

Analogous

#ACEEB3

#ACE7EE

#ACEED4

Triadic

#ACEED4

#D4ACEE

#EED4AC

Split Complementary

#ACEED4

#EEACE7

#EEB3AC

Tetradic

#ACEED4

#B3ACEE

#EEACC6

#E7EEAC

Color Blindness Simulation

Original

#ACEED4

Protanopia

#C9C9DA

Deuteranopia

#C5C0DC

Tritanopia

#AFDFE0

Achromatopsia

#DEDEDE

CSS Usage

background-color: #ACEED4;
color: #ACEED4;
border-color: #ACEED4;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C4F3E0
300
#99EACA
400
#62DFAE
500
#2BD491
600
#23A974
700
#1C875D
800
#166A49
900
#144D37
950
#0C3122

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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