#DDEF9C

#DDEF9C

Color Values

HEX

#DDEF9C

RGB

221, 239, 156

HSL

73.0, 72.2%, 77.5%

HSV

73.0, 34.7%, 93.7%

CMYK

7.5%, 0.0%, 34.7%, 6.3%

OKLCH

0.9197 0.1075 118.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#DDEF9C

#AE9CEF

Analogous

#EFD89C

#B4EF9C

#DDEF9C

Triadic

#DDEF9C

#9CDDEF

#EF9CDD

Split Complementary

#DDEF9C

#9CB4EF

#D89CEF

Tetradic

#DDEF9C

#9CEFD8

#AE9CEF

#EF9CB4

Color Blindness Simulation

Original

#DDEF9C

Protanopia

#E5E5B0

Deuteranopia

#E4E2B5

Tritanopia

#DEC0C3

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#FAFCF3
100
#F3F8E2
200
#EAF5C2
300
#DBEE96
400
#C7E55D
500
#B4DC23
600
#90B01C
700
#738D17
800
#5A6E12
900
#425011
950
#2A320B

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

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