#DAF9B3

#DAF9B3

Color Values

HEX

#DAF9B3

RGB

218, 249, 179

HSL

86.6, 85.4%, 83.9%

HSV

86.6, 28.1%, 97.6%

CMYK

12.4%, 0.0%, 28.1%, 2.4%

OKLCH

0.9429 0.0965 127.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#DAF9B3

#D2B3F9

Analogous

#F9F5B3

#B7F9B3

#DAF9B3

Triadic

#DAF9B3

#B3DAF9

#F9B3DA

Split Complementary

#DAF9B3

#B3B7F9

#F5B3F9

Tetradic

#DAF9B3

#B3F9F5

#D2B3F9

#F9B3B7

Color Blindness Simulation

Original

#DAF9B3

Protanopia

#E7E8C4

Deuteranopia

#E6E3C8

Tritanopia

#DCD1D4

Achromatopsia

#EDEDED

CSS Usage

background-color: #DAF9B3;
color: #DAF9B3;
border-color: #DAF9B3;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FDF2
100
#EFFAE0
200
#DFFABD
300
#C8F68E
400
#AAF150
500
#8CEC13
600
#70BD0F
700
#59970C
800
#467609
900
#35560B
950
#213607

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026