#DCFCEA

#DCFCEA

Color Values

HEX

#DCFCEA

RGB

220, 252, 234

HSL

146.2, 84.2%, 92.5%

HSV

146.2, 12.7%, 98.8%

CMYK

12.7%, 0.0%, 7.1%, 1.2%

OKLCH

0.9632 0.0409 160.9

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DCFCEA

#FCDCEE

Analogous

#DEFCDC

#DCFCFA

#DCFCEA

Triadic

#DCFCEA

#EADCFC

#FCEADC

Split Complementary

#DCFCEA

#FADCFC

#FCDCDE

Tetradic

#DCFCEA

#DCDEFC

#FCDCEE

#FCFADC

Color Blindness Simulation

Original

#DCFCEA

Protanopia

#EAEAEE

Deuteranopia

#E8E6EF

Tritanopia

#DEF2F3

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDF9D7
300
#8EF5BB
400
#51F097
500
#14EB72
600
#10BC5B
700
#0D9649
800
#0A7539
900
#0C552C
950
#07361C

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026