#DDECDF

#DDECDF

Color Values

HEX

#DDECDF

RGB

221, 236, 223

HSL

128.0, 28.3%, 89.6%

HSV

128.0, 6.4%, 92.5%

CMYK

6.4%, 0.0%, 5.5%, 7.5%

OKLCH

0.9283 0.0236 149.4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DDECDF

#ECDDEA

Analogous

#E2ECDD

#DDECE6

#DDECDF

Triadic

#DDECDF

#DFDDEC

#ECDFDD

Split Complementary

#DDECDF

#E6DDEC

#ECDDE2

Tetradic

#DDECDF

#DDE2EC

#ECDDEA

#ECE6DD

Color Blindness Simulation

Original

#DDECDF

Protanopia

#E3E4E2

Deuteranopia

#E3E2E3

Tritanopia

#DEE5E5

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#E9F1EA
200
#D1E5D4
300
#B0D3B5
400
#86BB8D
500
#5BA465
600
#498351
700
#3B6941
800
#2E5233
900
#243D27
950
#172619

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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