#ACFDDA

#ACFDDA

Color Values

HEX

#ACFDDA

RGB

172, 253, 218

HSL

154.1, 95.3%, 83.3%

HSV

154.1, 32.0%, 99.2%

CMYK

32.0%, 0.0%, 13.8%, 0.8%

OKLCH

0.9323 0.0928 165.6

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ACFDDA

#FDACCF

Analogous

#ACFDB1

#ACF7FD

#ACFDDA

Triadic

#ACFDDA

#DAACFD

#FDDAAC

Split Complementary

#ACFDDA

#FDACF7

#FDB1AC

Tetradic

#ACFDDA

#B1ACFD

#FDACCF

#F7FDAC

Color Blindness Simulation

Original

#ACFDDA

Protanopia

#CFD0E2

Deuteranopia

#CAC4E4

Tritanopia

#B0E9EB

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F1FEF8
100
#DFFCEF
200
#B9FDE0
300
#87FCCA
400
#47FBAD
500
#06F990
600
#05C773
700
#049F5C
800
#037D48
900
#075A36
950
#043922

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.82:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026