#DCF8EB

#DCF8EB

Color Values

HEX

#DCF8EB

RGB

220, 248, 235

HSL

152,1, 66,7%, 91,8%

HSV

152,1, 11,3%, 97,3%

CMYK

11,3%, 0,0%, 5,2%, 2,7%

OKLCH

0,9553 0,0339 166,0

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#DCF8EB

#F8DCE9

Analogous

#DCF8DD

#DCF7F8

#DCF8EB

Triadic

#DCF8EB

#EBDCF8

#F8EBDC

Split Complementary

#DCF8EB

#F8DCF7

#F8DDDC

Tetradic

#DCF8EB

#DDDCF8

#F8DCE9

#F7F8DC

Color Blindness Simulation

Original

#DCF8EB

Protanopia

#E8E8EE

Deuteranopia

#E6E4EF

Tritanopia

#DDF1F1

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C3F3DD
300
#99EBC5
400
#62E0A5
500
#2AD585
600
#22AA6B
700
#1B8855
800
#156A43
900
#134E32
950
#0C3120

Contrast Checker

Text on white

1,12:1

AA Fail AAA Fail

Text on black

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