#DFED9C

#DFED9C

Color Values

HEX

#DFED9C

RGB

223, 237, 156

HSL

70.4, 69.2%, 77.1%

HSV

70.4, 34.2%, 92.9%

CMYK

5.9%, 0.0%, 34.2%, 7.1%

OKLCH

0.917 0.1043 116.5

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#DFED9C

#AA9CED

Analogous

#EDD39C

#B7ED9C

#DFED9C

Triadic

#DFED9C

#9CDFED

#ED9CDF

Split Complementary

#DFED9C

#9CB7ED

#D39CED

Tetradic

#DFED9C

#9CEDD3

#AA9CED

#ED9CB7

Color Blindness Simulation

Original

#DFED9C

Protanopia

#E5E5B0

Deuteranopia

#E4E3B4

Tritanopia

#E0BFC2

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F8E3
200
#EBF4C3
300
#DDEC97
400
#CBE25F
500
#B9D827
600
#94AD1F
700
#768A19
800
#5D6C14
900
#444F12
950
#2B320C

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.73:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026