#D2FDD9

#D2FDD9

Color Values

HEX

#D2FDD9

RGB

210, 253, 217

HSL

129.8, 91.5%, 90.8%

HSV

129.8, 17.0%, 99.2%

CMYK

17.0%, 0.0%, 14.2%, 0.8%

OKLCH

0.9543 0.0653 149.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#D2FDD9

#FDD2F6

Analogous

#E1FDD2

#D2FDEF

#D2FDD9

Triadic

#D2FDD9

#D9D2FD

#FDD9D2

Split Complementary

#D2FDD9

#EFD2FD

#FDD2E1

Tetradic

#D2FDD9

#D2E1FD

#FDD2F6

#FDEFD2

Color Blindness Simulation

Original

#D2FDD9

Protanopia

#E5E5E2

Deuteranopia

#E2DFE4

Tritanopia

#D4E9EA

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE4
200
#BBFCC5
300
#8AFA9C
400
#4AF767
500
#0BF431
600
#09C327
700
#079C1F
800
#057A18
900
#095816
950
#05380E

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.79:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026