#DCFDD4

#DCFDD4

Color Values

HEX

#DCFDD4

RGB

220, 253, 212

HSL

108.3, 91.1%, 91.2%

HSV

108.3, 16.2%, 99.2%

CMYK

13.0%, 0.0%, 16.2%, 0.8%

OKLCH

0.9598 0.0641 139.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DCFDD4

#F5D4FD

Analogous

#F1FDD4

#D4FDE1

#DCFDD4

Triadic

#DCFDD4

#D4DCFD

#FDD4DC

Split Complementary

#DCFDD4

#E1D4FD

#FDD4F1

Tetradic

#DCFDD4

#D4F1FD

#F5D4FD

#FDE1D4

Color Blindness Simulation

Original

#DCFDD4

Protanopia

#EAEBDE

Deuteranopia

#E8E6E0

Tritanopia

#DEE6E7

Achromatopsia

#F3F3F3

CSS Usage

background-color: #DCFDD4;
color: #DCFDD4;
border-color: #DCFDD4;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F4FDF1
100
#E5FBDF
200
#C7FCBB
300
#A0FA8A
400
#6CF74B
500
#39F40B
600
#2DC309
700
#249C07
800
#1C7A06
900
#185809
950
#0F3806

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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