#DCE9CC

#DCE9CC

Color Values

HEX

#DCE9CC

RGB

220, 233, 204

HSL

86.9, 39.7%, 85.7%

HSV

86.9, 12.4%, 91.4%

CMYK

5.6%, 0.0%, 12.4%, 8.6%

OKLCH

0.9165 0.041 126.9

Properties

Cool Light Nearest: lightyellow 2

Color Harmonies

Complementary

#DCE9CC

#D9CCE9

Analogous

#E9E8CC

#CEE9CC

#DCE9CC

Triadic

#DCE9CC

#CCDCE9

#E9CCDC

Split Complementary

#DCE9CC

#CCCEE9

#E8CCE9

Tetradic

#DCE9CC

#CCE9E8

#D9CCE9

#E9CCCE

Color Blindness Simulation

Original

#DCE9CC

Protanopia

#E2E2D3

Deuteranopia

#E1E0D5

Tritanopia

#DDD9DA

Achromatopsia

#E4E4E4

CSS Usage

background-color: #DCE9CC;
color: #DCE9CC;
border-color: #DCE9CC;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DDE9CD
300
#C4DAAA
400
#A5C67B
500
#85B24D
600
#6A8E3E
700
#557231
800
#425926
900
#32421F
950
#202A14

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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