Maroon Colors  ·  Color Library

Palettes / Colors / #DBDDF0

#DBDDF0 — Pale Muted Blue

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

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

#DBDDF0 · RGB 219, 221, 240

Download PNG swatch SVG

Color values

HEX#DBDDF0
RGB219, 221, 240
HSL234°, 41%, 90%
HSV234°, 9%, 94%
CMYK9%, 8%, 0%, 6%
XYZ70.80, 73.06, 92.81
Yxy73.06, 0.2991, 0.3087
CIE-Lab88.48, 2.91, -9.50
Hunter Lab85.48, 2.87, -9.55

RGB & CMYK percentages

Red 86% · Green 87% · Blue 94%

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

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

Previews

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

CSS code for #DBDDF0

.text { color: #DBDDF0; }
.background { background-color: #DBDDF0; }
.border { border: 3px solid #DBDDF0; }
.text-rgb { color: rgb(219, 221, 240); }
.text-hsl { color: hsl(234, 41%, 90%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DBDDF0; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(219, 221, 240, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DBDDF0; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(219, 221, 240, 0.8); }

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

Shades of #DBDDF0

#BBBFE2#9EA4D6#7E85C9#616ABD#4751A9#394189#2D336C#20244C#14162F#06070E

Tints of #DBDDF0

#DFE1F1#DFE1F1#E2E4F3#E2E4F3#E6E7F4#E9EBF6#E9EBF6#EDEEF7#EDEEF7#F1F1F9

Tones of #DBDDF0

#DDDEEE#DEE0ED#E0E1EB#E1E2EA#E2E3E9#E4E4E7

Color harmonies

Complementary — #F0EEDB:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.35:1 Fails
Against black text15.61:1 AAA

Best text color on #DBDDF0: #000000.

How #DBDDF0 looks with color blindness

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

Protanopia · #DCDCEBDeuteranopia · #DCDCEATritanopia · #DBE8E7

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

Wild Cinder
#3B2575 · #CA7556 · #4CC66D · #DDDAEE
Scarlet Petal
#DCDEF4 · #DBBEE5 · #EDB8CF · #EEC7AB
Palette F9f7f7
#F9F7F7 · #DBE2EF · #3F72AF · #112D4E
Palette Dbdbeb
#DBDBEB · #7577CD · #080957 · #FF6D02
Vintage Saffron
#5435A6 · #AA5637 · #4DC66E · #E0DBEE
Palette F1f3f8
#F1F3F8 · #D6E0F0 · #8D93AB · #393B44

Similar colors

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

#DDDAEE#DCDEF4#DBE2EF#DBDBEB#E0DBEE#D6E0F0#D7DBF4#DBDFEA#D9D7F1#DBD6F0#E0DAEC#E0DEF6

Browse neighbouring colors

← #DBDDEF  ·  #DBDDF1 →

Frequently asked questions

What color is #DBDDF0?

#DBDDF0 is Pale Muted Blue, a blue color (RGB 219, 221, 240). Its closest standard named color is Lavender.

What is the RGB and HSL of #DBDDF0?

#DBDDF0 is RGB 219, 221, 240 — HSL 234°, 41%, 90% — CMYK 9%, 8%, 0%, 6%.

What colors go with #DBDDF0?

Its complement is #F0EEDB; analogous partners are #DBE8F0 and #E3DBF0. It also appears in 6+ palettes in our collection.

Can I use #DBDDF0 for text?

Black text on #DBDDF0 has a contrast ratio of 15.61:1 (passes WCAG AA); white text gives 1.35:1.