#DCF0DA

#DCF0DA

Color Values

HEX

#DCF0DA

RGB

220, 240, 218

HSL

114,5, 42,3%, 89,8%

HSV

114,5, 9,2%, 94,1%

CMYK

8,3%, 0,0%, 9,2%, 5,9%

OKLCH

0,9344 0,0361 142,7

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DCF0DA

#EEDAF0

Analogous

#E7F0DA

#DAF0E3

#DCF0DA

Triadic

#DCF0DA

#DADCF0

#F0DADC

Split Complementary

#DCF0DA

#E3DAF0

#F0DAE7

Tetradic

#DCF0DA

#DAE7F0

#EEDAF0

#F0E3DA

Color Blindness Simulation

Original

#DCF0DA

Protanopia

#E5E5DF

Deuteranopia

#E4E2E1

Tritanopia

#DDE4E4

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F4E7
200
#CFEACC
300
#ADDCA8
400
#80C979
500
#53B54A
600
#43913B
700
#35742F
800
#2A5B25
900
#21431E
950
#152A13

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

17,52:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026