#DFEECC

#DFEECC

Color Values

HEX

#DFEECC

RGB

223, 238, 204

HSL

86.5, 50.0%, 86.7%

HSV

86.5, 14.3%, 93.3%

CMYK

6.3%, 0.0%, 14.3%, 6.7%

OKLCH

0.929 0.0478 126.8

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#DFEECC

#DBCCEE

Analogous

#EEECCC

#CEEECC

#DFEECC

Triadic

#DFEECC

#CCDFEE

#EECCDF

Split Complementary

#DFEECC

#CCCEEE

#ECCCEE

Tetradic

#DFEECC

#CCEEEC

#DBCCEE

#EECCCE

Color Blindness Simulation

Original

#DFEECC

Protanopia

#E5E6D4

Deuteranopia

#E5E4D6

Tritanopia

#E0DBDC

Achromatopsia

#E8E8E8

CSS Usage

background-color: #DFEECC;
color: #DFEECC;
border-color: #DFEECC;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DDEDC9
300
#C5E0A3
400
#A6D071
500
#87BF40
600
#6C9933
700
#567A29
800
#436020
900
#33461B
950
#202C11

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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