Maroon Colors  ·  Color Library

Palettes / Colors / #DBDDF1

#DBDDF1 — Pale Muted Blue

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

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

#DBDDF1 · RGB 219, 221, 241

Download PNG swatch SVG

Color values

HEX#DBDDF1
RGB219, 221, 241
HSL235°, 44%, 90%
HSV235°, 9%, 95%
CMYK9%, 8%, 0%, 5%
XYZ70.95, 73.12, 93.59
Yxy73.12, 0.2985, 0.3077
CIE-Lab88.51, 3.10, -9.98
Hunter Lab85.51, 3.06, -10.06

RGB & CMYK percentages

Red 86% · Green 87% · Blue 95%

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

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

Previews

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

CSS code for #DBDDF1

.text { color: #DBDDF1; }
.background { background-color: #DBDDF1; }
.border { border: 3px solid #DBDDF1; }
.text-rgb { color: rgb(219, 221, 241); }
.text-hsl { color: hsl(235, 44%, 90%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DBDDF1; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(219, 221, 241, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DBDDF1; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(219, 221, 241, 0.8); }

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

Shades of #DBDDF1

#B9BDE4#9CA1D8#7B82CC#5D66C0#434CAD#363D8C#2B306E#1E224D#131530#06060F

Tints of #DBDDF1

#DEE0F2#DEE0F2#E2E3F4#E2E3F4#E5E7F5#E9EAF6#E9EAF6#EDEEF8#EDEEF8#F0F1F9

Tones of #DBDDF1

#DCDDEF#DEDFED#DFE0EC#E1E1EA#E2E3E9#E4E4E7

Color harmonies

Complementary — #F1EFDA:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.34:1 Fails
Against black text15.62:1 AAA

Best text color on #DBDDF1: #000000.

How #DBDDF1 looks with color blindness

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

Protanopia · #DCDCECDeuteranopia · #DCDCEBTritanopia · #DBE8E8

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

Scarlet Petal
#DCDEF4 · #DBBEE5 · #EDB8CF · #EEC7AB
Wild Cinder
#3B2575 · #CA7556 · #4CC66D · #DDDAEE
Cosmic Orchard
#1B27A5 · #C92130 · #5FE352 · #D7DBF4
Palette F9f7f7
#F9F7F7 · #DBE2EF · #3F72AF · #112D4E
Palette F1f3f8
#F1F3F8 · #D6E0F0 · #8D93AB · #393B44
Vintage Saffron
#5435A6 · #AA5637 · #4DC66E · #E0DBEE

Similar colors

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

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

Browse neighbouring colors

← #DBDDF0  ·  #DBDDF2 →

Frequently asked questions

What color is #DBDDF1?

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

What is the RGB and HSL of #DBDDF1?

#DBDDF1 is RGB 219, 221, 241 — HSL 235°, 44%, 90% — CMYK 9%, 8%, 0%, 5%.

What colors go with #DBDDF1?

Its complement is #F1EFDA; analogous partners are #DAE7F1 and #E4DAF1. It also appears in 6+ palettes in our collection.

Can I use #DBDDF1 for text?

Black text on #DBDDF1 has a contrast ratio of 15.62:1 (passes WCAG AA); white text gives 1.34:1.