#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026