#DAFEC2

#DAFEC2

Color Values

HEX

#DAFEC2

RGB

218, 254, 194

HSL

96.0, 96.8%, 87.8%

HSV

96.0, 23.6%, 99.6%

CMYK

14.2%, 0.0%, 23.6%, 0.4%

OKLCH

0.9565 0.087 133.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DAFEC2

#E6C2FE

Analogous

#F8FEC2

#C2FEC8

#DAFEC2

Triadic

#DAFEC2

#C2DAFE

#FEC2DA

Split Complementary

#DAFEC2

#C8C2FE

#FEC2F8

Tetradic

#DAFEC2

#C2F8FE

#E6C2FE

#FEC8C2

Color Blindness Simulation

Original

#DAFEC2

Protanopia

#EAEAD1

Deuteranopia

#E8E5D4

Tritanopia

#DCDCDE

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FEB9
300
#B6FD87
400
#8EFC45
500
#67FB04
600
#52C903
700
#42A103
800
#337D02
900
#285B06
950
#193904

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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