#DCFFDD

#DCFFDD

Color Values

HEX

#DCFFDD

RGB

220, 255, 221

HSL

121.7, 100.0%, 93.1%

HSV

121.7, 13.7%, 100.0%

CMYK

13.7%, 0.0%, 13.3%, 0.0%

OKLCH

0.9661 0.0578 145.9

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DCFFDD

#FFDCFE

Analogous

#ECFFDC

#DCFFEE

#DCFFDD

Triadic

#DCFFDD

#DDDCFF

#FFDDDC

Split Complementary

#DCFFDD

#EEDCFF

#FFDCEC

Tetradic

#DCFFDD

#DCECFF

#FFDCFE

#FFEEDC

Color Blindness Simulation

Original

#DCFFDD

Protanopia

#EBEBE5

Deuteranopia

#E9E6E7

Tritanopia

#DEECED

Achromatopsia

#F5F5F5

CSS Usage

background-color: #DCFFDD;
color: #DCFFDD;
border-color: #DCFFDD;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F1FEF1
100
#DEFCDF
200
#B8FFBA
300
#85FF88
400
#42FF48
500
#00FF07
600
#00CC06
700
#00A305
800
#008004
900
#055C07
950
#033A05

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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