#DFEFDC

#DFEFDC

Color Values

HEX

#DFEFDC

RGB

223, 239, 220

HSL

110,5, 37,3%, 90,0%

HSV

110,5, 7,9%, 93,7%

CMYK

6,7%, 0,0%, 7,9%, 6,3%

OKLCH

0,935 0,0304 140,8

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DFEFDC

#ECDCEF

Analogous

#E9EFDC

#DCEFE2

#DFEFDC

Triadic

#DFEFDC

#DCDFEF

#EFDCDF

Split Complementary

#DFEFDC

#E2DCEF

#EFDCE9

Tetradic

#DFEFDC

#DCE9EF

#ECDCEF

#EFE2DC

Color Blindness Simulation

Original

#DFEFDC

Protanopia

#E6E6E1

Deuteranopia

#E5E4E2

Tritanopia

#E0E4E5

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F3E7
200
#D2E9CE
300
#B2D9AB
400
#89C47D
500
#5FAF50
600
#4C8C40
700
#3D7033
800
#305828
900
#254120
950
#182914

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

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