#DEFDD8

#DEFDD8

Color Values

HEX

#DEFDD8

RGB

222, 253, 216

HSL

110.3, 90.2%, 92.0%

HSV

110.3, 14.6%, 99.2%

CMYK

12.3%, 0.0%, 14.6%, 0.8%

OKLCH

0.9621 0.0586 140.6

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#DEFDD8

#F7D8FD

Analogous

#F1FDD8

#D8FDE5

#DEFDD8

Triadic

#DEFDD8

#D8DEFD

#FDD8DE

Split Complementary

#DEFDD8

#E5D8FD

#FDD8F1

Tetradic

#DEFDD8

#D8F1FD

#F7D8FD

#FDE5D8

Color Blindness Simulation

Original

#DEFDD8

Protanopia

#EBECE1

Deuteranopia

#EAE7E3

Tritanopia

#E0E8EA

Achromatopsia

#F4F4F4

CSS Usage

background-color: #DEFDD8;
color: #DEFDD8;
border-color: #DEFDD8;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F3FDF1
100
#E4FBDF
200
#C6FCBB
300
#9CF98B
400
#67F64C
500
#32F30C
600
#28C20A
700
#209B08
800
#197906
900
#165809
950
#0E3706

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026