#DCED9C

#DCED9C

Color Values

HEX

#DCED9C

RGB

220, 237, 156

HSL

72.6, 69.2%, 77.1%

HSV

72.6, 34.2%, 92.9%

CMYK

7.2%, 0.0%, 34.2%, 7.1%

OKLCH

0.9148 0.1051 118.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DCED9C

#AD9CED

Analogous

#EDD69C

#B4ED9C

#DCED9C

Triadic

#DCED9C

#9CDCED

#ED9CDC

Split Complementary

#DCED9C

#9CB4ED

#D69CED

Tetradic

#DCED9C

#9CEDD6

#AD9CED

#ED9CB4

Color Blindness Simulation

Original

#DCED9C

Protanopia

#E3E4B0

Deuteranopia

#E2E1B4

Tritanopia

#DDBFC2

Achromatopsia

#E4E4E4

CSS Usage

background-color: #DCED9C;
color: #DCED9C;
border-color: #DCED9C;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFCF3
100
#F3F8E3
200
#EAF4C3
300
#DAEC97
400
#C7E25F
500
#B3D827
600
#8FAD1F
700
#728A19
800
#596C14
900
#424F12
950
#2A320C

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.64:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026