Maroon Colors  ·  Color Library

Palettes / Colors / #DFEEE9

#DFEEE9 — Pale Dusty Teal

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

#DFEEE9 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 #EDDEE3; it also sits naturally between #DEEDE0 and #DEEBED. In the palettes below you can see it working alongside real color combinations from our collection.

#DFEEE9 · RGB 223, 238, 233

Download PNG swatch SVG

Color values

HEX#DFEEE9
RGB223, 238, 233
HSL160°, 31%, 90%
HSV160°, 6%, 93%
CMYK6%, 0%, 2%, 7%
XYZ75.71, 82.72, 89.07
Yxy82.72, 0.3059, 0.3342
CIE-Lab92.89, -5.86, 0.70
Hunter Lab90.95, -5.80, 0.68

RGB & CMYK percentages

Red 87% · Green 93% · Blue 91%

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

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

Previews

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

CSS code for #DFEEE9

.text { color: #DFEEE9; }
.background { background-color: #DFEEE9; }
.border { border: 3px solid #DFEEE9; }
.text-rgb { color: rgb(223, 238, 233); }
.text-hsl { color: hsl(160, 31%, 90%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DFEEE9; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(223, 238, 233, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DFEEE9; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(223, 238, 233, 0.8); }

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

Shades of #DFEEE9

#C0DED4#A5CFC1#87C0AD#6CB29A#539D84#437F6B#356454#25463B#172B25#070D0B

Tints of #DFEEE9

#E1EFEA#E1EFEA#E4F1ED#E4F1ED#E8F3EF#EBF4F1#EBF4F1#EEF6F4#EEF6F4#F2F8F6

Tones of #DFEEE9

#DFECE8#E0EBE7#E1EAE7#E2E9E7#E3E8E6#E4E7E6

Color harmonies

Complementary — #EDDEE3:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.20:1 Fails
Against black text17.54:1 AAA

Best text color on #DFEEE9: #000000.

How #DFEEE9 looks with color blindness

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

Protanopia · #E5E6EADeuteranopia · #E5E4EBTritanopia · #E0EBEB

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

Palette 2f5d62
#2F5D62 · #5E8B7E · #A7C4BC · #DFEEEA
Palette Dff2eb
#DFF2EB · #B9E5E8 · #7AB2D3 · #4A628A
Palette 243642
#243642 · #387478 · #629584 · #E2F1E7
Palette E0ece4
#E0ECE4 · #F7F2E7 · #D8D3CD · #797A7E
Palette Faf1e6
#FAF1E6 · #FDFAF6 · #E4EFE7 · #064420
Palette Ddf4e7
#DDF4E7 · #67C090 · #26667F · #124170

Similar colors

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

#DFEEEA#DFF2EB#E2F1E7#E0ECE4#E4EFE7#DDF4E7#DEEDF0#D9F0ED#E5EEE4#D8EFED#DEF5E5#DFF1F1

Browse neighbouring colors

← #DFEEE8  ·  #DFEEEA →

Frequently asked questions

What color is #DFEEE9?

#DFEEE9 is Pale Dusty Teal, a teal color (RGB 223, 238, 233). Its closest standard named color is Lavender.

What is the RGB and HSL of #DFEEE9?

#DFEEE9 is RGB 223, 238, 233 — HSL 160°, 31%, 90% — CMYK 6%, 0%, 2%, 7%.

What colors go with #DFEEE9?

Its complement is #EDDEE3; analogous partners are #DEEDE0 and #DEEBED. It also appears in 6+ palettes in our collection.

Can I use #DFEEE9 for text?

Black text on #DFEEE9 has a contrast ratio of 17.54:1 (passes WCAG AA); white text gives 1.20:1.