#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026