#DFFBDD

#DFFBDD

Color Values

HEX

#DFFBDD

RGB

223, 251, 221

HSL

116.0, 78.9%, 92.5%

HSV

116.0, 12.0%, 98.4%

CMYK

11.2%, 0.0%, 12.0%, 1.6%

OKLCH

0.9598 0.0493 143.4

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DFFBDD

#F9DDFB

Analogous

#EEFBDD

#DDFBEA

#DFFBDD

Triadic

#DFFBDD

#DDDFFB

#FBDDDF

Split Complementary

#DFFBDD

#EADDFB

#FBDDEE

Tetradic

#DFFBDD

#DDEEFB

#F9DDFB

#FBEADD

Color Blindness Simulation

Original

#DFFBDD

Protanopia

#EBEBE4

Deuteranopia

#EAE7E6

Tritanopia

#E0EAEB

Achromatopsia

#F3F3F3

CSS Usage

background-color: #DFFBDD;
color: #DFFBDD;
border-color: #DFFBDD;
Nearest Tailwind: Green 100 #DCFCE7

Tailwind Shades

50
#F3FCF2
100
#E3F9E1
200
#C3F7BF
300
#98F292
400
#60EB56
500
#28E41B
600
#20B616
700
#1A9211
800
#14720D
900
#13530E
950
#0C3409

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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