#ACFCD5

#ACFCD5

Color Values

HEX

#ACFCD5

RGB

172, 252, 213

HSL

150.8, 93.0%, 83.1%

HSV

150.8, 31.7%, 98.8%

CMYK

31.7%, 0.0%, 15.5%, 1.2%

OKLCH

0.9288 0.0951 162.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ACFCD5

#FCACD3

Analogous

#ACFCAD

#ACFBFC

#ACFCD5

Triadic

#ACFCD5

#D5ACFC

#FCD5AC

Split Complementary

#ACFCD5

#FCACFB

#FCADAC

Tetradic

#ACFCD5

#ADACFC

#FCACD3

#FBFCAC

Color Blindness Simulation

Original

#ACFCD5

Protanopia

#CFCFDE

Deuteranopia

#CAC4E1

Tritanopia

#B0E6E8

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEE
200
#BAFDDC
300
#89FBC3
400
#49F8A3
500
#09F683
600
#07C569
700
#069D54
800
#047B41
900
#085932
950
#05381F

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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