#DCFDD8

#DCFDD8

Color Values

HEX

#DCFDD8

RGB

220, 253, 216

HSL

113.5, 90.2%, 92.0%

HSV

113.5, 14.6%, 99.2%

CMYK

13.0%, 0.0%, 14.6%, 0.8%

OKLCH

0.9607 0.0598 142.1

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#DCFDD8

#F9D8FD

Analogous

#EFFDD8

#D8FDE7

#DCFDD8

Triadic

#DCFDD8

#D8DCFD

#FDD8DC

Split Complementary

#DCFDD8

#E7D8FD

#FDD8EF

Tetradic

#DCFDD8

#D8EFFD

#F9D8FD

#FDE7D8

Color Blindness Simulation

Original

#DCFDD8

Protanopia

#EAEBE1

Deuteranopia

#E8E6E3

Tritanopia

#DEE8EA

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F3FDF1
100
#E2FBDF
200
#C2FCBB
300
#97F98B
400
#5EF64C
500
#25F30C
600
#1EC20A
700
#189B08
800
#137906
900
#125809
950
#0B3706

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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