Maroon Colors  ·  Color Library

Palettes / Colors / #DCE9EF

#DCE9EF — Pale Muted Blue

#DCE9EF is a blue color we call Pale Muted Blue, closest to the named color Lavender (#E6E6FA). It belongs to the blue family.

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

#DCE9EF · RGB 220, 233, 239

Download PNG swatch SVG

Color values

HEX#DCE9EF
RGB220, 233, 239
HSL199°, 37%, 90%
HSV199°, 8%, 94%
CMYK8%, 3%, 0%, 6%
XYZ74.23, 79.73, 93.14
Yxy79.73, 0.3004, 0.3226
CIE-Lab91.56, -3.17, -4.40
Hunter Lab89.29, -3.13, -4.36

RGB & CMYK percentages

Red 86% · Green 91% · Blue 94%

Cyan 8% · Magenta 3% · Yellow 0% · Key 6%

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

Previews

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

CSS code for #DCE9EF

.text { color: #DCE9EF; }
.background { background-color: #DCE9EF; }
.border { border: 3px solid #DCE9EF; }
.text-rgb { color: rgb(220, 233, 239); }
.text-hsl { color: hsl(199, 37%, 90%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DCE9EF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(220, 233, 239, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DCE9EF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(220, 233, 239, 0.8); }

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

Shades of #DCE9EF

#BDD5E0#A1C3D4#81B0C5#659EB8#4C88A4#3D6E85#305769#223D49#15262D#060C0E

Tints of #DCE9EF

#E0EBF1#E0EBF1#E3EDF2#E3EDF2#E7F0F4#EAF2F5#EAF2F5#EEF4F7#EEF4F7#F1F6F9

Tones of #DCE9EF

#DDE8EE#DFE8EC#E0E7EB#E1E7EA#E3E7E8#E4E6E7

Color harmonies

Complementary — #EFE2DC:

Analogous:

Triadic:

Contrast & accessibility

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

Best text color on #DCE9EF: #000000.

How #DCE9EF looks with color blindness

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

Protanopia · #E2E2EEDeuteranopia · #E1E0EDTritanopia · #DDECEC

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

Palette Ffe6e6
#FFE6E6 · #F2D1D1 · #DAEAF1 · #C6DCE4
Palette 27374d
#27374D · #526D82 · #9DB2BF · #DDE6ED
Palette Dff4f3
#DFF4F3 · #DDE7F2 · #B9BBDF · #878ECD
Palette Eb586f
#EB586F · #D8E9F0 · #4AA0D5 · #454553
Cosmic Harbor
#2A6977 · #9F378B · #BACC6C · #D9E8EC
Palette Fff5eb
#FFF5EB · #DEEDF0 · #F4C7AB · #B2B8A3

Similar colors

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

#DAEAF1#DDE6ED#DDE7F2#D8E9F0#D9E8EC#DEEDF0#DBEDF3#DBEFF2#DBE2EF#D7EAEA#D6E6F2#D8EFED

Browse neighbouring colors

← #DCE9EE  ·  #DCE9F0 →

Frequently asked questions

What color is #DCE9EF?

#DCE9EF is Pale Muted Blue, a blue color (RGB 220, 233, 239). Its closest standard named color is Lavender.

What is the RGB and HSL of #DCE9EF?

#DCE9EF is RGB 220, 233, 239 — HSL 199°, 37%, 90% — CMYK 8%, 3%, 0%, 6%.

What colors go with #DCE9EF?

Its complement is #EFE2DC; analogous partners are #DCEFEB and #DCE0EF. It also appears in 6+ palettes in our collection.

Can I use #DCE9EF for text?

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