#DCF8DC

#DCF8DC

Color Values

HEX

#DCF8DC

RGB

220, 248, 220

HSL

120.0, 66.7%, 91.8%

HSV

120.0, 11.3%, 97.3%

CMYK

11.3%, 0.0%, 11.3%, 2.7%

OKLCH

0.9513 0.0473 145.2

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DCF8DC

#F8DCF8

Analogous

#EAF8DC

#DCF8EA

#DCF8DC

Triadic

#DCF8DC

#DCDCF8

#F8DCDC

Split Complementary

#DCF8DC

#EADCF8

#F8DCEA

Tetradic

#DCF8DC

#DCEAF8

#F8DCF8

#F8EADC

Color Blindness Simulation

Original

#DCF8DC

Protanopia

#E8E8E3

Deuteranopia

#E6E4E4

Tritanopia

#DDE8E9

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F7E3
200
#C3F3C3
300
#99EB99
400
#62E062
500
#2AD52A
600
#22AA22
700
#1B881B
800
#156A15
900
#134E13
950
#0C310C

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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