#DFFEEC

#DFFEEC

Color Values

HEX

#DFFEEC

RGB

223, 254, 236

HSL

145.2, 93.9%, 93.5%

HSV

145.2, 12.2%, 99.6%

CMYK

12.2%, 0.0%, 7.1%, 0.4%

OKLCH

0.9699 0.04 160.1

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DFFEEC

#FEDFF1

Analogous

#E1FEDF

#DFFEFB

#DFFEEC

Triadic

#DFFEEC

#ECDFFE

#FEECDF

Split Complementary

#DFFEEC

#FBDFFE

#FEDFE1

Tetradic

#DFFEEC

#DFE1FE

#FEDFF1

#FEFBDF

Color Blindness Simulation

Original

#DFFEEC

Protanopia

#ECEDF0

Deuteranopia

#EBE8F1

Tritanopia

#E1F4F5

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#F1FDF6
100
#DFFBEB
200
#BAFDD6
300
#88FBB9
400
#48F992
500
#08F76C
600
#06C657
700
#059E45
800
#047C36
900
#08592A
950
#05381A

Contrast Checker

Text on white

1.08:1

AA Fail AAA Fail

Text on black

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