#D2FFDA

#D2FFDA

Color Values

HEX

#D2FFDA

RGB

210, 255, 218

HSL

130.7, 100.0%, 91.2%

HSV

130.7, 17.6%, 100.0%

CMYK

17.6%, 0.0%, 14.5%, 0.0%

OKLCH

0.9588 0.0675 150.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#D2FFDA

#FFD2F7

Analogous

#E1FFD2

#D2FFF1

#D2FFDA

Triadic

#D2FFDA

#DAD2FF

#FFDAD2

Split Complementary

#D2FFDA

#F1D2FF

#FFD2E1

Tetradic

#D2FFDA

#D2E1FF

#FFD2F7

#FFF1D2

Color Blindness Simulation

Original

#D2FFDA

Protanopia

#E5E6E3

Deuteranopia

#E3E0E5

Tritanopia

#D4EAEC

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F1FEF3
100
#DEFCE3
200
#B8FFC4
300
#85FF9A
400
#42FF64
500
#00FF2D
600
#00CC24
700
#00A31D
800
#008017
900
#055C14
950
#033A0D

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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