#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