#DAFDC3

#DAFDC3

Color Values

HEX

#DAFDC3

RGB

218, 253, 195

HSL

96.2, 93.5%, 87.8%

HSV

96.2, 22.9%, 99.2%

CMYK

13.8%, 0.0%, 22.9%, 0.8%

OKLCH

0.9546 0.0843 133.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DAFDC3

#E6C3FD

Analogous

#F7FDC3

#C3FDC9

#DAFDC3

Triadic

#DAFDC3

#C3DAFD

#FDC3DA

Split Complementary

#DAFDC3

#C9C3FD

#FDC3F7

Tetradic

#DAFDC3

#C3F7FD

#E6C3FD

#FDC9C3

Color Blindness Simulation

Original

#DAFDC3

Protanopia

#E9E9D1

Deuteranopia

#E7E4D4

Tritanopia

#DCDCDF

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F6FDF1
100
#EAFBDF
200
#D4FDBA
300
#B6FB89
400
#8EF948
500
#67F708
600
#52C507
700
#429E05
800
#337B04
900
#285908
950
#193805

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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