#D2F49D

#D2F49D

Color Values

HEX

#D2F49D

RGB

210, 244, 157

HSL

83.4, 79.8%, 78.6%

HSV

83.4, 35.7%, 95.7%

CMYK

13.9%, 0.0%, 35.7%, 4.3%

OKLCH

0.9227 0.1172 126.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#D2F49D

#BF9DF4

Analogous

#F4EA9D

#A6F49D

#D2F49D

Triadic

#D2F49D

#9DD2F4

#F49DD2

Split Complementary

#D2F49D

#9DA6F4

#EA9DF4

Tetradic

#D2F49D

#9DF4EA

#BF9DF4

#F49DA6

Color Blindness Simulation

Original

#D2F49D

Protanopia

#E1E1B2

Deuteranopia

#DFDCB7

Tritanopia

#D4C3C6

Achromatopsia

#E6E6E6

CSS Usage

background-color: #D2F49D;
color: #D2F49D;
border-color: #D2F49D;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FDF2
100
#F0F9E1
200
#E2F8BF
300
#CDF391
400
#B1EC55
500
#96E51A
600
#78B715
700
#609310
800
#4B730D
900
#38530E
950
#233509

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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