#D2E6CC

#D2E6CC

Color Values

HEX

#D2E6CC

RGB

210, 230, 204

HSL

106.2, 34.2%, 85.1%

HSV

106.2, 11.3%, 90.2%

CMYK

8.7%, 0.0%, 11.3%, 9.8%

OKLCH

0.903 0.0409 138.5

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#D2E6CC

#E0CCE6

Analogous

#DFE6CC

#CCE6D3

#D2E6CC

Triadic

#D2E6CC

#CCD2E6

#E6CCD2

Split Complementary

#D2E6CC

#D3CCE6

#E6CCDF

Tetradic

#D2E6CC

#CCDFE6

#E0CCE6

#E6D3CC

Color Blindness Simulation

Original

#D2E6CC

Protanopia

#DBDBD2

Deuteranopia

#DAD8D4

Tritanopia

#D3D7D8

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF2E8
200
#D5E8CF
300
#B6D7AD
400
#8FC180
500
#68AB54
600
#538943
700
#436E36
800
#34562A
900
#283F22
950
#1A2815

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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