#ACEED6

#ACEED6

Color Values

HEX

#ACEED6

RGB

172, 238, 214

HSL

158.2, 66.0%, 80.4%

HSV

158.2, 27.7%, 93.3%

CMYK

27.7%, 0.0%, 10.1%, 6.7%

OKLCH

0.8983 0.0742 170.1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ACEED6

#EEACC4

Analogous

#ACEEB5

#ACE5EE

#ACEED6

Triadic

#ACEED6

#D6ACEE

#EED6AC

Split Complementary

#ACEED6

#EEACE5

#EEB5AC

Tetradic

#ACEED6

#B5ACEE

#EEACC4

#E5EEAC

Color Blindness Simulation

Original

#ACEED6

Protanopia

#C9C9DC

Deuteranopia

#C5C0DD

Tritanopia

#AFE0E1

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F7F0
200
#C4F3E2
300
#99EACD
400
#62DFB2
500
#2BD497
600
#23A978
700
#1C8760
800
#166A4B
900
#144D38
950
#0C3124

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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