#ACF9DD

#ACF9DD

Color Values

HEX

#ACF9DD

RGB

172, 249, 221

HSL

158.2, 86.5%, 82.5%

HSV

158.2, 30.9%, 97.6%

CMYK

30.9%, 0.0%, 11.2%, 2.4%

OKLCH

0.9243 0.0852 169.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ACF9DD

#F9ACC8

Analogous

#ACF9B6

#ACEEF9

#ACF9DD

Triadic

#ACF9DD

#DDACF9

#F9DDAC

Split Complementary

#ACF9DD

#F9ACEE

#F9B6AC

Tetradic

#ACF9DD

#B6ACF9

#F9ACC8

#EEF9AC

Color Blindness Simulation

Original

#ACF9DD

Protanopia

#CDCEE4

Deuteranopia

#C9C3E5

Tritanopia

#B0E9EA

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E0FAF1
200
#BCFAE4
300
#8DF7D0
400
#4FF2B7
500
#11EE9E
600
#0EBE7E
700
#0B9865
800
#09774F
900
#0B563B
950
#073625

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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