#D2FCD3

#D2FCD3

Color Values

HEX

#D2FCD3

RGB

210, 252, 211

HSL

121.4, 87.5%, 90.6%

HSV

121.4, 16.7%, 98.8%

CMYK

16.7%, 0.0%, 16.3%, 1.2%

OKLCH

0.9508 0.0697 145.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#D2FCD3

#FCD2FB

Analogous

#E6FCD2

#D2FCE8

#D2FCD3

Triadic

#D2FCD3

#D3D2FC

#FCD3D2

Split Complementary

#D2FCD3

#E8D2FC

#FCD2E6

Tetradic

#D2FCD3

#D2E6FC

#FCD2FB

#FCE8D2

Color Blindness Simulation

Original

#D2FCD3

Protanopia

#E4E5DD

Deuteranopia

#E2DFDF

Tritanopia

#D4E5E6

Achromatopsia

#F0F0F0

CSS Usage

background-color: #D2FCD3;
color: #D2FCD3;
border-color: #D2FCD3;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FDF2
100
#E0FAE0
200
#BCFBBE
300
#8CF78F
400
#4EF352
500
#10EF15
600
#0DBF11
700
#0A990E
800
#08780B
900
#0A570C
950
#073708

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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