#ACEED5

#ACEED5

Color Values

HEX

#ACEED5

RGB

172, 238, 213

HSL

157.3, 66.0%, 80.4%

HSV

157.3, 27.7%, 93.3%

CMYK

27.7%, 0.0%, 10.5%, 6.7%

OKLCH

0.898 0.0748 169.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ACEED5

#EEACC5

Analogous

#ACEEB4

#ACE6EE

#ACEED5

Triadic

#ACEED5

#D5ACEE

#EED5AC

Split Complementary

#ACEED5

#EEACE6

#EEB4AC

Tetradic

#ACEED5

#B4ACEE

#EEACC5

#E6EEAC

Color Blindness Simulation

Original

#ACEED5

Protanopia

#C9C9DB

Deuteranopia

#C5C0DC

Tritanopia

#AFE0E1

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7F0
200
#C4F3E1
300
#99EACC
400
#62DFB0
500
#2BD494
600
#23A976
700
#1C875F
800
#166A4A
900
#144D37
950
#0C3123

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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