#ACFBD3

#ACFBD3

Color Values

HEX

#ACFBD3

RGB

172, 251, 211

HSL

149.6, 90.8%, 82.9%

HSV

149.6, 31.5%, 98.4%

CMYK

31.5%, 0.0%, 15.9%, 1.6%

OKLCH

0.9261 0.0952 161.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ACFBD3

#FBACD4

Analogous

#ACFBAC

#ACFBFA

#ACFBD3

Triadic

#ACFBD3

#D3ACFB

#FBD3AC

Split Complementary

#ACFBD3

#FAACFB

#FBACAC

Tetradic

#ACFBD3

#ACACFB

#FBACD4

#FBFAAC

Color Blindness Simulation

Original

#ACFBD3

Protanopia

#CECFDD

Deuteranopia

#CAC4DF

Tritanopia

#B0E4E6

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AF9C1
400
#4BF6A0
500
#0CF37E
600
#09C365
700
#089C51
800
#067A3F
900
#095830
950
#06381E

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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