Maroon Colors  ·  Color Library

Palettes / Colors / #DAF2CF

#DAF2CF — Pale Green

#DAF2CF is a green color we call Pale Green, closest to the named color Gainsboro (#DCDCDC). It belongs to the green family.

#DAF2CF is a warm-leaning green color associated with growth, calm and balance. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #E7CFF2; it also sits naturally between #EBF2CF and #CFF2D5. In the palettes below you can see it working alongside real color combinations from our collection.

#DAF2CF · RGB 218, 242, 207

Download PNG swatch SVG

Color values

HEX#DAF2CF
RGB218, 242, 207
HSL101°, 57%, 88%
HSV101°, 14%, 95%
CMYK10%, 0%, 14%, 5%
XYZ71.93, 82.91, 71.24
Yxy82.91, 0.3181, 0.3667
CIE-Lab92.98, -14.09, 14.26
Hunter Lab91.06, -13.70, 12.87

RGB & CMYK percentages

Red 85% · Green 95% · Blue 81%

Cyan 10% · Magenta 0% · Yellow 14% · Key 5%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #DAF2CF on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #DAF2CF on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #DAF2CF

.text { color: #DAF2CF; }
.background { background-color: #DAF2CF; }
.border { border: 3px solid #DAF2CF; }
.text-rgb { color: rgb(218, 242, 207); }
.text-hsl { color: hsl(101, 57%, 88%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DAF2CF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(218, 242, 207, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DAF2CF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(218, 242, 207, 0.8); }

HTML: <p style="color:#DAF2CF">Text here</p> · <div style="background-color:#DAF2CF">Div content here</div>

Shades of #DAF2CF

#C1E9AF#A6DF8B#8DD66B#71CD47#5DB832#4D982A#3A7420#2A5417#18300D#081004

Tints of #DAF2CF

#DDF3D3#E0F4D7#E0F4D7#E3F5DB#E6F6DF#E9F7E3#EDF8E7#EDF8E7#F0FAEB#F3FBEF

Tones of #DAF2CF

#DBEFD1#DCEDD4#DDEAD6#DEE8D9#DFE5DC#E0E3DE

Color harmonies

Complementary — #E7CFF2:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.19:1 Fails
Against black text17.58:1 AAA

Best text color on #DAF2CF: #000000.

How #DAF2CF looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #E4E5D7Deuteranopia · #E3E1D9Tritanopia · #DBDEE0

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9EMaterial Lime 500 · #CDDC39

Palettes with a similar color

These palettes use a close neighbour of #DAF2CF rather than the exact color:

Golden Harbor
#EAD7B6 · #DAF3CB · #BEE7D6 · #B6CAE3
Golden Ruby Terrace
#DBF2D4 · #69CC48 · #49992E · #1E3E14
Dreamy Orchard
#D9F7CF · #8CEA6C · #71E24B · #2C7712
Palette D8efd3
#D8EFD3 · #95D2B3 · #55AD9B · #F1F8E8
Electric Ruby Breeze
#732576 · #D57AC3 · #4BC547 · #D8EDD2
Velvet Ruby Opal
#6BB11D · #2078C6 · #E458A2 · #DAF0C9

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#DAF3CB#DBF2D4#D9F7CF#D8EFD3#D8EDD2#DAF0C9#D3F6D1#E1EDCD#D9E9CF#D1F2CD#DCE9D0#DEF5C7

Browse neighbouring colors

← #DAF2CE  ·  #DAF2D0 →

Frequently asked questions

What color is #DAF2CF?

#DAF2CF is Pale Green, a green color (RGB 218, 242, 207). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #DAF2CF?

#DAF2CF is RGB 218, 242, 207 — HSL 101°, 57%, 88% — CMYK 10%, 0%, 14%, 5%.

What colors go with #DAF2CF?

Its complement is #E7CFF2; analogous partners are #EBF2CF and #CFF2D5. It also appears in 6+ palettes in our collection.

Can I use #DAF2CF for text?

Black text on #DAF2CF has a contrast ratio of 17.58:1 (passes WCAG AA); white text gives 1.19:1.