Maroon Colors  ·  Color Library

Palettes / Colors / #D2ECEE

#D2ECEE — Pale Muted Teal

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

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

#D2ECEE · RGB 210, 236, 238

Download PNG swatch SVG

Color values

HEX#D2ECEE
RGB210, 236, 238
HSL184°, 45%, 88%
HSV184°, 12%, 93%
CMYK12%, 1%, 0%, 7%
XYZ72.01, 79.87, 92.51
Yxy79.87, 0.2946, 0.3268
CIE-Lab91.62, -8.09, -3.87
Hunter Lab89.37, -7.92, -3.82

RGB & CMYK percentages

Red 82% · Green 93% · Blue 93%

Cyan 12% · Magenta 1% · Yellow 0% · Key 7%

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

Previews

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

CSS code for #D2ECEE

.text { color: #D2ECEE; }
.background { background-color: #D2ECEE; }
.border { border: 3px solid #D2ECEE; }
.text-rgb { color: rgb(210, 236, 238); }
.text-hsl { color: hsl(184, 45%, 88%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D2ECEE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(210, 236, 238, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D2ECEE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(210, 236, 238, 0.8); }

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

Shades of #D2ECEE

#B5E0E3#94D2D6#76C5CB#55B7BE#41A3AA#35878D#29676B#1D4A4E#112B2C#060E0F

Tints of #D2ECEE

#D6EEF0#DAEFF1#DAEFF1#DEF1F2#E1F3F4#E5F4F5#E9F6F7#E9F6F7#EDF7F8#F0F9F9

Tones of #D2ECEE

#D4EBEC#D7E9EA#D8E7E8#DBE5E6#DCE4E4#DFE2E2

Color harmonies

Complementary — #EED4D3:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.24:1 Fails
Against black text16.97:1 AAA

Best text color on #D2ECEE: #000000.

How #D2ECEE looks with color blindness

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

Protanopia · #DDDDEEDeuteranopia · #DCDAEDTritanopia · #D3EDED

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

Misty Ruby Bloom
#CFECEC · #97D2D3 · #7DC8C9 · #1D4849
Palette F9fa9b
#F9FA9B · #FF7777 · #CEECF0 · #F0F3F3
Palette 898aa6
#898AA6 · #C9BBCF · #B7D3DF · #D6EFED
Velvet Ember
#2492A2 · #A82597 · #CDDC60 · #D2E7EF
Electric Ruby Cinder
#CFEAF2 · #B2B1EB · #F1D9F6 · #EDC4D4
Amber Saffron
#9C2524 · #DD6E7F · #47D3D4 · #CEF0EE

Similar colors

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

#CFECEC#CEECF0#D6EFED#D2E7EF#CFEAF2#CEF0EE#CFECF3#D2E9E9#CFF1EF#D0E8F2#CDEEEB#D5F0EA

Browse neighbouring colors

← #D2ECED  ·  #D2ECEF →

Frequently asked questions

What color is #D2ECEE?

#D2ECEE is Pale Muted Teal, a teal color (RGB 210, 236, 238). Its closest standard named color is Lavender.

What is the RGB and HSL of #D2ECEE?

#D2ECEE is RGB 210, 236, 238 — HSL 184°, 45%, 88% — CMYK 12%, 1%, 0%, 7%.

What colors go with #D2ECEE?

Its complement is #EED4D3; analogous partners are #D3EEE2 and #D3DFEE. It also appears in 6+ palettes in our collection.

Can I use #D2ECEE for text?

Black text on #D2ECEE has a contrast ratio of 16.97:1 (passes WCAG AA); white text gives 1.24:1.