#D8F2DC

#D8F2DC

Color Values

HEX

#D8F2DC

RGB

216, 242, 220

HSL

129.2, 50.0%, 89.8%

HSV

129.2, 10.7%, 94.9%

CMYK

10.7%, 0.0%, 9.1%, 5.1%

OKLCH

0.9362 0.0401 149.8

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#D8F2DC

#F2D8EE

Analogous

#E1F2D8

#D8F2E9

#D8F2DC

Triadic

#D8F2DC

#DCD8F2

#F2DCD8

Split Complementary

#D8F2DC

#E9D8F2

#F2D8E1

Tetradic

#D8F2DC

#D8E1F2

#F2D8EE

#F2E9D8

Color Blindness Simulation

Original

#D8F2DC

Protanopia

#E3E3E1

Deuteranopia

#E2E0E3

Tritanopia

#D9E6E6

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E6F5E8
200
#C9EDCF
300
#A3E0AD
400
#71D080
500
#40BF53
600
#339943
700
#297A35
800
#20602A
900
#1B4621
950
#112C15

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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