#DFED9E

#DFED9E

Color Values

HEX

#DFED9E

RGB

223, 237, 158

HSL

70.6, 68.7%, 77.5%

HSV

70.6, 33.3%, 92.9%

CMYK

5.9%, 0.0%, 33.3%, 7.1%

OKLCH

0.9174 0.102 116.6

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#DFED9E

#AC9EED

Analogous

#EDD49E

#B8ED9E

#DFED9E

Triadic

#DFED9E

#9EDFED

#ED9EDF

Split Complementary

#DFED9E

#9EB8ED

#D49EED

Tetradic

#DFED9E

#9EEDD4

#AC9EED

#ED9EB8

Color Blindness Simulation

Original

#DFED9E

Protanopia

#E5E5B1

Deuteranopia

#E4E3B6

Tritanopia

#E0C0C4

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F4F8E3
200
#EBF4C3
300
#DDEC98
400
#CBE160
500
#B8D728
600
#93AC20
700
#768A1A
800
#5C6C14
900
#444E12
950
#2B320C

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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