#D8F2C3

#D8F2C3

Color Values

HEX

#D8F2C3

RGB

216, 242, 195

HSL

93.2, 64.4%, 85.7%

HSV

93.2, 19.4%, 94.9%

CMYK

10.7%, 0.0%, 19.4%, 5.1%

OKLCH

0.9301 0.0679 131.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D8F2C3

#DDC3F2

Analogous

#F0F2C3

#C3F2C6

#D8F2C3

Triadic

#D8F2C3

#C3D8F2

#F2C3D8

Split Complementary

#D8F2C3

#C6C3F2

#F2C3F0

Tetradic

#D8F2C3

#C3F0F2

#DDC3F2

#F2C6C3

Color Blindness Simulation

Original

#D8F2C3

Protanopia

#E3E3CE

Deuteranopia

#E2E0D1

Tritanopia

#D9D7D9

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F2C4
300
#BEE99A
400
#9ADD64
500
#77D22D
600
#5FA824
700
#4C861D
800
#3B6917
900
#2D4D14
950
#1D300D

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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