#DAFDD2

#DAFDD2

Color Values

HEX

#DAFDD2

RGB

218, 253, 210

HSL

108.8, 91.5%, 90.8%

HSV

108.8, 17.0%, 99.2%

CMYK

13.8%, 0.0%, 17.0%, 0.8%

OKLCH

0.9579 0.0674 139.9

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DAFDD2

#F5D2FD

Analogous

#F0FDD2

#D2FDE0

#DAFDD2

Triadic

#DAFDD2

#D2DAFD

#FDD2DA

Split Complementary

#DAFDD2

#E0D2FD

#FDD2F0

Tetradic

#DAFDD2

#D2F0FD

#F5D2FD

#FDE0D2

Color Blindness Simulation

Original

#DAFDD2

Protanopia

#E9E9DC

Deuteranopia

#E7E4DF

Tritanopia

#DCE5E6

Achromatopsia

#F2F2F2

CSS Usage

background-color: #DAFDD2;
color: #DAFDD2;
border-color: #DAFDD2;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F4FDF1
100
#E4FBDF
200
#C7FCBB
300
#9FFA8A
400
#6BF74A
500
#36F40B
600
#2CC309
700
#239C07
800
#1B7A05
900
#175809
950
#0F3805

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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