#DCFBDF

#DCFBDF

Color Values

HEX

#DCFBDF

RGB

220, 251, 223

HSL

125,8, 79,5%, 92,4%

HSV

125,8, 12,4%, 98,4%

CMYK

12,4%, 0,0%, 11,2%, 1,6%

OKLCH

0,9583 0,0492 147,9

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DCFBDF

#FBDCF8

Analogous

#E9FBDC

#DCFBEF

#DCFBDF

Triadic

#DCFBDF

#DFDCFB

#FBDFDC

Split Complementary

#DCFBDF

#EFDCFB

#FBDCE9

Tetradic

#DCFBDF

#DCE9FB

#FBDCF8

#FBEFDC

Color Blindness Simulation

Original

#DCFBDF

Protanopia

#E9EAE6

Deuteranopia

#E8E5E7

Tritanopia

#DEEBEC

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E1F9E3
200
#BFF8C4
300
#91F29B
400
#56EC64
500
#1AE52E
600
#15B725
700
#11921D
800
#0D7217
900
#0E5314
950
#09340D

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,91: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