#DCFAED

#DCFAED

Color Values

HEX

#DCFAED

RGB

220, 250, 237

HSL

154.0, 75.0%, 92.2%

HSV

154.0, 12.0%, 98.0%

CMYK

12.0%, 0.0%, 5.2%, 2.0%

OKLCH

0.9599 0.0356 167.7

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#DCFAED

#FADCE9

Analogous

#DCFADE

#DCF8FA

#DCFAED

Triadic

#DCFAED

#EDDCFA

#FAEDDC

Split Complementary

#DCFAED

#FADCF8

#FADEDC

Tetradic

#DCFAED

#DEDCFA

#FADCE9

#F8FADC

Color Blindness Simulation

Original

#DCFAED

Protanopia

#E9E9F0

Deuteranopia

#E7E5F1

Tritanopia

#DEF3F3

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F2FCF8
100
#E2F9EF
200
#C1F6DF
300
#94F0C8
400
#5AE7AA
500
#20DF8C
600
#19B370
700
#148F5A
800
#107046
900
#105135
950
#0A3321

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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