#DAF2BD

#DAF2BD

Color Values

HEX

#DAF2BD

RGB

218, 242, 189

HSL

87.2, 67.1%, 84.5%

HSV

87.2, 21.9%, 94.9%

CMYK

9.9%, 0.0%, 21.9%, 5.1%

OKLCH

0.9302 0.0741 127.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DAF2BD

#D5BDF2

Analogous

#F2F0BD

#BFF2BD

#DAF2BD

Triadic

#DAF2BD

#BDDAF2

#F2BDDA

Split Complementary

#DAF2BD

#BDBFF2

#F0BDF2

Tetradic

#DAF2BD

#BDF2F0

#D5BDF2

#F2BDBF

Color Blindness Simulation

Original

#DAF2BD

Protanopia

#E4E5CA

Deuteranopia

#E3E1CD

Tritanopia

#DBD4D6

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF7E3
200
#DEF3C3
300
#C6EB99
400
#A7E061
500
#87D52A
600
#6CAA22
700
#57881B
800
#446B15
900
#334E13
950
#20310C

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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