Maroon Colors  ·  Color Library

Palettes / Colors / #D1FAEE

#D1FAEE — Pale Vivid Teal

#D1FAEE is a teal color we call Pale Vivid Teal, closest to the named color Lavender (#E6E6FA). It belongs to the teal family.

#D1FAEE is a cool teal color associated with freshness, clarity 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 #FAD1DD; it also sits naturally between #D1FAD9 and #D1F2FA. In the palettes below you can see it working alongside real color combinations from our collection.

#D1FAEE · RGB 209, 250, 238

Download PNG swatch SVG

Color values

HEX#D1FAEE
RGB209, 250, 238
HSL162°, 80%, 90%
HSV162°, 16%, 98%
CMYK16%, 0%, 5%, 2%
XYZ75.91, 88.10, 93.89
Yxy88.10, 0.2943, 0.3416
CIE-Lab95.20, -15.42, 1.36
Hunter Lab93.86, -15.11, 1.33

RGB & CMYK percentages

Red 82% · Green 98% · Blue 93%

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

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

Previews

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

CSS code for #D1FAEE

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

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

Shades of #D1FAEE

#A8F5DE#83F1D0#5AEDC1#35E9B3#18D89E#13AE80#0F8A65#0B6047#073C2C#02120D

Tints of #D1FAEE

#D6FAEF#D6FAEF#DAFBF1#DAFBF1#DFFBF3#E3FCF5#E3FCF5#E8FCF6#E8FCF6#EDFDF8

Tones of #D1FAEE

#D4F7ED#D7F4EB#DAF1EA#DDEEE9#E0EBE8#E3E8E7

Color harmonies

Complementary — #FAD1DD:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #D1FAEE: #000000.

How #D1FAEE looks with color blindness

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

Protanopia · #E3E3F1Deuteranopia · #E0DDF2Tritanopia · #D3F3F4

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 #D1FAEE rather than the exact color:

Palette 3674b5
#3674B5 · #578FCA · #A1E3F9 · #D1F8EF
Frozen Solace
#F0F0C2 · #BEEABA · #D3F6F0 · #B2C0EA
Palette 473472
#473472 · #53629E · #87BAC3 · #D6F4ED
Palette 1fab89
#1FAB89 · #62D2A2 · #9DF3C4 · #D7FBE8
Palette Cff5e7
#CFF5E7 · #A0E4CB · #59C1BD · #0D4C92
Serene Ruby Whisper
#1B8F79 · #A825C7 · #E0C658 · #D4F2F1

Similar colors

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

#D1F8EF#D3F6F0#D6F4ED#D7FBE8#CFF5E7#D4F2F1#C9F8EA#CDFCF6#CFF1EF#CEF0EE#D7F8F7#D9FFF4

Browse neighbouring colors

← #D1FAED  ·  #D1FAEF →

Frequently asked questions

What color is #D1FAEE?

#D1FAEE is Pale Vivid Teal, a teal color (RGB 209, 250, 238). Its closest standard named color is Lavender.

What is the RGB and HSL of #D1FAEE?

#D1FAEE is RGB 209, 250, 238 — HSL 162°, 80%, 90% — CMYK 16%, 0%, 5%, 2%.

What colors go with #D1FAEE?

Its complement is #FAD1DD; analogous partners are #D1FAD9 and #D1F2FA. It also appears in 6+ palettes in our collection.

Can I use #D1FAEE for text?

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