#DFFDD8

#DFFDD8

Color Values

HEX

#DFFDD8

RGB

223, 253, 216

HSL

108.6, 90.2%, 92.0%

HSV

108.6, 14.6%, 99.2%

CMYK

11.9%, 0.0%, 14.6%, 0.8%

OKLCH

0.9628 0.058 139.8

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#DFFDD8

#F6D8FD

Analogous

#F2FDD8

#D8FDE4

#DFFDD8

Triadic

#DFFDD8

#D8DFFD

#FDD8DF

Split Complementary

#DFFDD8

#E4D8FD

#FDD8F2

Tetradic

#DFFDD8

#D8F2FD

#F6D8FD

#FDE4D8

Color Blindness Simulation

Original

#DFFDD8

Protanopia

#ECECE1

Deuteranopia

#EAE8E3

Tritanopia

#E0E8EA

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F4FDF1
100
#E5FBDF
200
#C7FCBB
300
#A0F98B
400
#6CF64C
500
#38F30C
600
#2DC20A
700
#249B08
800
#1C7906
900
#185809
950
#0F3706

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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