#D8F1C2

#D8F1C2

Color Values

HEX

#D8F1C2

RGB

216, 241, 194

HSL

91.9, 62.7%, 85.3%

HSV

91.9, 19.5%, 94.5%

CMYK

10.4%, 0.0%, 19.5%, 5.5%

OKLCH

0.9278 0.0675 130.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D8F1C2

#DBC2F1

Analogous

#F0F1C2

#C2F1C4

#D8F1C2

Triadic

#D8F1C2

#C2D8F1

#F1C2D8

Split Complementary

#D8F1C2

#C4C2F1

#F1C2F0

Tetradic

#D8F1C2

#C2F0F1

#DBC2F1

#F1C4C2

Color Blindness Simulation

Original

#D8F1C2

Protanopia

#E3E3CD

Deuteranopia

#E1E0D0

Tritanopia

#D9D6D8

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#EDF7E4
200
#DAF2C5
300
#BFE89B
400
#9DDC65
500
#7ACF30
600
#62A626
700
#4E851E
800
#3D6818
900
#2F4C15
950
#1E300D

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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