#D2FDDE

#D2FDDE

Color Values

HEX

#D2FDDE

RGB

210, 253, 222

HSL

136.7, 91.5%, 90.8%

HSV

136.7, 17.0%, 99.2%

CMYK

17.0%, 0.0%, 12.3%, 0.8%

OKLCH

0.9556 0.0606 153.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#D2FDDE

#FDD2F1

Analogous

#DCFDD2

#D2FDF3

#D2FDDE

Triadic

#D2FDDE

#DED2FD

#FDDED2

Split Complementary

#D2FDDE

#F3D2FD

#FDD2DC

Tetradic

#D2FDDE

#D2DCFD

#FDD2F1

#FDF3D2

Color Blindness Simulation

Original

#D2FDDE

Protanopia

#E5E5E5

Deuteranopia

#E2DFE7

Tritanopia

#D4EBED

Achromatopsia

#F2F2F2

CSS Usage

background-color: #D2FDDE;
color: #D2FDDE;
border-color: #D2FDDE;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F1FDF5
100
#DFFBE7
200
#BBFCCD
300
#8AFAA9
400
#4AF77A
500
#0BF44C
600
#09C33D
700
#079C30
800
#057A26
900
#09581F
950
#053813

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

18.85:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026