Maroon Colors  ·  Color Library

Palettes / Colors / #D1FAEB

#D1FAEB — Pale Vivid Green

#D1FAEB is a green color we call Pale Vivid Green, closest to the named color HoneyDew (#F0FFF0). It belongs to the green family.

#D1FAEB is a cool 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 #FAD1E0; it also sits naturally between #D1FAD7 and #D1F4FA. In the palettes below you can see it working alongside real color combinations from our collection.

#D1FAEB · RGB 209, 250, 235

Download PNG swatch SVG

Color values

HEX#D1FAEB
RGB209, 250, 235
HSL158°, 80%, 90%
HSV158°, 16%, 98%
CMYK16%, 0%, 6%, 2%
XYZ75.48, 87.92, 91.59
Yxy87.92, 0.2960, 0.3448
CIE-Lab95.13, -15.99, 2.81
Hunter Lab93.77, -15.65, 2.72

RGB & CMYK percentages

Red 82% · Green 98% · Blue 92%

Cyan 16% · Magenta 0% · Yellow 6% · Key 2%

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

Previews

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

CSS code for #D1FAEB

.text { color: #D1FAEB; }
.background { background-color: #D1FAEB; }
.border { border: 3px solid #D1FAEB; }
.text-rgb { color: rgb(209, 250, 235); }
.text-hsl { color: hsl(158, 80%, 90%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D1FAEB; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(209, 250, 235, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D1FAEB; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(209, 250, 235, 0.8); }

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

Shades of #D1FAEB

#A8F5D9#83F1C9#5AEDB7#35E9A7#18D891#13AE76#0F8A5D#0B6041#073C28#02120C

Tints of #D1FAEB

#D6FAED#D6FAED#DAFBEF#DAFBEF#DFFBF1#E3FCF3#E3FCF3#E8FCF5#E8FCF5#EDFDF7

Tones of #D1FAEB

#D4F7EA#D7F4E9#DAF1E9#DDEEE8#E0EBE7#E3E8E6

Color harmonies

Complementary — #FAD1E0:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.13:1 Fails
Against black text18.58:1 AAA

Best text color on #D1FAEB: #000000.

How #D1FAEB looks with color blindness

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

Protanopia · #E3E3EFDeuteranopia · #E0DDF0Tritanopia · #D3F1F2

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 · #9E9E9ETailwind purple 500 · #A855F7

Palettes with a similar color

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

Palette 3674b5
#3674B5 · #578FCA · #A1E3F9 · #D1F8EF
Frozen Solace
#F0F0C2 · #BEEABA · #D3F6F0 · #B2C0EA
Palette Cff5e7
#CFF5E7 · #A0E4CB · #59C1BD · #0D4C92
Palette 1fab89
#1FAB89 · #62D2A2 · #9DF3C4 · #D7FBE8
Palette 473472
#473472 · #53629E · #87BAC3 · #D6F4ED
Tranquil Ruby Mirage
#C9F8EA · #70EBC7 · #148564 · #157055

Similar colors

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

#D1F8EF#D3F6F0#CFF5E7#D7FBE8#D6F4ED#C9F8EA#CEF9E2#CFF1EF#D4F2F1#CFFFE2#CFFDE1#D5F0EA

Browse neighbouring colors

← #D1FAEA  ·  #D1FAEC →

Frequently asked questions

What color is #D1FAEB?

#D1FAEB is Pale Vivid Green, a green color (RGB 209, 250, 235). Its closest standard named color is HoneyDew.

What is the RGB and HSL of #D1FAEB?

#D1FAEB is RGB 209, 250, 235 — HSL 158°, 80%, 90% — CMYK 16%, 0%, 6%, 2%.

What colors go with #D1FAEB?

Its complement is #FAD1E0; analogous partners are #D1FAD7 and #D1F4FA. It also appears in 6+ palettes in our collection.

Can I use #D1FAEB for text?

Black text on #D1FAEB has a contrast ratio of 18.58:1 (passes WCAG AA); white text gives 1.13:1.