#ACEDD0

#ACEDD0

Color Values

HEX

#ACEDD0

RGB

172, 237, 208

HSL

153.2, 64.4%, 80.2%

HSV

153.2, 27.4%, 92.9%

CMYK

27.4%, 0.0%, 12.2%, 7.1%

OKLCH

0.8945 0.0768 165.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ACEDD0

#EDACC9

Analogous

#ACEDAF

#ACEAED

#ACEDD0

Triadic

#ACEDD0

#D0ACED

#EDD0AC

Split Complementary

#ACEDD0

#EDACEA

#EDAFAC

Tetradic

#ACEDD0

#AFACED

#EDACC9

#EAEDAC

Color Blindness Simulation

Original

#ACEDD0

Protanopia

#C8C9D7

Deuteranopia

#C4C0D9

Tritanopia

#AFDDDE

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F2DE
300
#9AE9C6
400
#64DDA7
500
#2DD288
600
#24A86D
700
#1D8657
800
#176944
900
#144D33
950
#0D3020

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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