#DFEEE0

#DFEEE0

Color Values

HEX

#DFEEE0

RGB

223, 238, 224

HSL

124.0, 30.6%, 90.4%

HSV

124.0, 6.3%, 93.3%

CMYK

6.3%, 0.0%, 5.9%, 6.7%

OKLCH

0.9341 0.0245 147.3

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DFEEE0

#EEDFED

Analogous

#E6EEDF

#DFEEE8

#DFEEE0

Triadic

#DFEEE0

#E0DFEE

#EEE0DF

Split Complementary

#DFEEE0

#E8DFEE

#EEDFE6

Tetradic

#DFEEE0

#DFE6EE

#EEDFED

#EEE8DF

Color Blindness Simulation

Original

#DFEEE0

Protanopia

#E5E6E3

Deuteranopia

#E5E4E4

Tritanopia

#E0E6E7

Achromatopsia

#EAEAEA

CSS Usage

background-color: #DFEEE0;
color: #DFEEE0;
border-color: #DFEEE0;
Nearest Tailwind: Emerald 50 #ECFDF5

Tailwind Shades

50
#F5F9F6
100
#E9F2E9
200
#D0E6D2
300
#AFD5B2
400
#84BE88
500
#58A75E
600
#47854B
700
#396B3C
800
#2C532F
900
#233E25
950
#162717

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.44:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026