#DFFBDF

#DFFBDF

Color Values

HEX

#DFFBDF

RGB

223, 251, 223

HSL

120.0, 77.8%, 92.9%

HSV

120.0, 11.2%, 98.4%

CMYK

11.2%, 0.0%, 11.2%, 1.6%

OKLCH

0.9603 0.0472 145.2

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DFFBDF

#FBDFFB

Analogous

#EDFBDF

#DFFBED

#DFFBDF

Triadic

#DFFBDF

#DFDFFB

#FBDFDF

Split Complementary

#DFFBDF

#EDDFFB

#FBDFED

Tetradic

#DFFBDF

#DFEDFB

#FBDFFB

#FBEDDF

Color Blindness Simulation

Original

#DFFBDF

Protanopia

#EBEBE6

Deuteranopia

#EAE7E7

Tritanopia

#E0EBEC

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F2FCF2
100
#E1F9E1
200
#C0F7C0
300
#92F192
400
#57EA57
500
#1CE31C
600
#17B517
700
#129112
800
#0E710E
900
#0F520F
950
#093409

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

19.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026