#D8F5CE

#D8F5CE

Color Values

HEX

#D8F5CE

RGB

216, 245, 206

HSL

104.6, 66.1%, 88.4%

HSV

104.6, 15.9%, 96.1%

CMYK

11.8%, 0.0%, 15.9%, 3.9%

OKLCH

0.9389 0.06 137.7

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#D8F5CE

#EBCEF5

Analogous

#EBF5CE

#CEF5D7

#D8F5CE

Triadic

#D8F5CE

#CED8F5

#F5CED8

Split Complementary

#D8F5CE

#D7CEF5

#F5CEEB

Tetradic

#D8F5CE

#CEEBF5

#EBCEF5

#F5D7CE

Color Blindness Simulation

Original

#D8F5CE

Protanopia

#E5E5D7

Deuteranopia

#E3E1DA

Tritanopia

#D9DFE1

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E8F7E3
200
#D0F3C4
300
#AEEA99
400
#82DF62
500
#56D42B
600
#45A923
700
#37881C
800
#2B6A16
900
#224D14
950
#16310C

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026