#D7FDDA

#D7FDDA

Color Values

HEX

#D7FDDA

RGB

215, 253, 218

HSL

124,7, 90,5%, 91,8%

HSV

124,7, 15,0%, 99,2%

CMYK

15,0%, 0,0%, 13,8%, 0,8%

OKLCH

0,9578 0,0609 147,2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#D7FDDA

#FDD7FA

Analogous

#E7FDD7

#D7FDED

#D7FDDA

Triadic

#D7FDDA

#DAD7FD

#FDDAD7

Split Complementary

#D7FDDA

#EDD7FD

#FDD7E7

Tetradic

#D7FDDA

#D7E7FD

#FDD7FA

#FDEDD7

Color Blindness Simulation

Original

#D7FDDA

Protanopia

#E7E8E2

Deuteranopia

#E5E2E4

Tritanopia

#D9E9EB

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F1FDF2
100
#DFFBE2
200
#BBFCC0
300
#8AF993
400
#4BF659
500
#0CF31E
600
#0AC218
700
#089B13
800
#06790F
900
#09580F
950
#06380A

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026