Maroon Colors  ·  Color Library

Palettes / Colors / #D3E2EE

#D3E2EE — Pale Muted Blue

#D3E2EE is a blue color we call Pale Muted Blue, closest to the named color Gainsboro (#DCDCDC). It belongs to the blue family.

#D3E2EE is a cool blue color associated with trust, calm and professionalism. It is light enough to work as a background or base color, with darker text on top.

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

#D3E2EE · RGB 211, 226, 238

Download PNG swatch SVG

Color values

HEX#D3E2EE
RGB211, 226, 238
HSL207°, 44%, 88%
HSV207°, 11%, 93%
CMYK11%, 5%, 0%, 7%
XYZ69.49, 74.41, 91.59
Yxy74.41, 0.2951, 0.3160
CIE-Lab89.12, -2.65, -7.56
Hunter Lab86.26, -2.60, -7.54

RGB & CMYK percentages

Red 83% · Green 89% · Blue 93%

Cyan 11% · Magenta 5% · Yellow 0% · Key 7%

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

Previews

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

CSS code for #D3E2EE

.text { color: #D3E2EE; }
.background { background-color: #D3E2EE; }
.border { border: 3px solid #D3E2EE; }
.text-rgb { color: rgb(211, 226, 238); }
.text-hsl { color: hsl(207, 44%, 88%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D3E2EE; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(211, 226, 238, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D3E2EE; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(211, 226, 238, 0.8); }

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

Shades of #D3E2EE

#B6CEE2#95B8D6#77A5CA#568FBD#427AA9#36658C#294D6A#1E384D#11202C#060B0F

Tints of #D3E2EE

#D7E4EF#DAE7F1#DAE7F1#DEE9F2#E2EBF4#E5EEF5#E9F0F6#E9F0F6#EDF3F8#F0F5F9

Tones of #D3E2EE

#D5E2EC#D7E1EA#D9E1E8#DBE1E6#DCE1E4#DFE1E2

Color harmonies

Complementary — #EEDFD3:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.32:1 Fails
Against black text15.88:1 AAA

Best text color on #D3E2EE: #000000.

How #D3E2EE looks with color blindness

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

Protanopia · #D9DAEBDeuteranopia · #D9D8EATritanopia · #D4E9E8

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

Electric Ruby Marble
#A76E37 · #CBA861 · #73A3D1 · #D4E2ED
Palette F6f6f6
#F6F6F6 · #D6E4F0 · #1E56A0 · #163172
Palette F1f3f8
#F1F3F8 · #D6E0F0 · #8D93AB · #393B44
Palette F6f5f5
#F6F5F5 · #D3E0EA · #1687A7 · #276678
Tender Ruby Harbor
#784C20 · #D0874D · #3982CB · #D1DEEF
Misty Solace
#297DB1 · #D23F9A · #9BD342 · #CEE2ED

Similar colors

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

#D4E2ED#D6E4F0#D6E0F0#D3E0EA#D1DEEF#CEE2ED#D2E7EF#CFE6EE#D6E6F2#D1DEF3#D0E8F2#DBE2EF

Browse neighbouring colors

← #D3E2ED  ·  #D3E2EF →

Frequently asked questions

What color is #D3E2EE?

#D3E2EE is Pale Muted Blue, a blue color (RGB 211, 226, 238). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #D3E2EE?

#D3E2EE is RGB 211, 226, 238 — HSL 207°, 44%, 88% — CMYK 11%, 5%, 0%, 7%.

What colors go with #D3E2EE?

Its complement is #EEDFD3; analogous partners are #D3EEED and #D3D4EE. It also appears in 6+ palettes in our collection.

Can I use #D3E2EE for text?

Black text on #D3E2EE has a contrast ratio of 15.88:1 (passes WCAG AA); white text gives 1.32:1.