#D8F2C7

#D8F2C7

Color Values

HEX

#D8F2C7

RGB

216, 242, 199

HSL

96.3, 62.3%, 86.5%

HSV

96.3, 17.8%, 94.9%

CMYK

10.7%, 0.0%, 17.8%, 5.1%

OKLCH

0.931 0.0632 133.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D8F2C7

#E1C7F2

Analogous

#EEF2C7

#C7F2CC

#D8F2C7

Triadic

#D8F2C7

#C7D8F2

#F2C7D8

Split Complementary

#D8F2C7

#CCC7F2

#F2C7EE

Tetradic

#D8F2C7

#C7EEF2

#E1C7F2

#F2CCC7

Color Blindness Simulation

Original

#D8F2C7

Protanopia

#E3E3D1

Deuteranopia

#E2E0D4

Tritanopia

#D9DADB

Achromatopsia

#E9E9E9

CSS Usage

background-color: #D8F2C7;
color: #D8F2C7;
border-color: #D8F2C7;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F6FBF3
100
#EBF7E4
200
#D7F2C5
300
#BAE89C
400
#94DB66
500
#6FCF30
600
#59A626
700
#47841F
800
#376718
900
#2B4C15
950
#1B300D

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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