#D8F4CD

#D8F4CD

Color Values

HEX

#D8F4CD

RGB

216, 244, 205

HSL

103.1, 63.9%, 88.0%

HSV

103.1, 16.0%, 95.7%

CMYK

11.5%, 0.0%, 16.0%, 4.3%

OKLCH

0.9366 0.0595 136.9

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#D8F4CD

#E9CDF4

Analogous

#EBF4CD

#CDF4D5

#D8F4CD

Triadic

#D8F4CD

#CDD8F4

#F4CDD8

Split Complementary

#D8F4CD

#D5CDF4

#F4CDEB

Tetradic

#D8F4CD

#CDEBF4

#E9CDF4

#F4D5CD

Color Blindness Simulation

Original

#D8F4CD

Protanopia

#E4E4D6

Deuteranopia

#E2E0D9

Tritanopia

#D9DEE0

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#E9F7E3
200
#D1F2C4
300
#B1E99B
400
#86DD64
500
#5CD12E
600
#4AA725
700
#3B861D
800
#2E6817
900
#244C15
950
#17300D

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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