Maroon Colors  ·  Color Library

Palettes / Colors / #DBD2FF

#DBD2FF — Pale Vivid Blue

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

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

#DBD2FF · RGB 219, 210, 255

Download PNG swatch SVG

Color values

HEX#DBD2FF
RGB219, 210, 255
HSL252°, 100%, 91%
HSV252°, 18%, 100%
CMYK14%, 18%, 0%, 0%
XYZ70.31, 68.37, 104.10
Yxy68.37, 0.2896, 0.2816
CIE-Lab86.19, 11.71, -20.83
Hunter Lab82.69, 11.67, -22.08

RGB & CMYK percentages

Red 86% · Green 82% · Blue 100%

Cyan 14% · Magenta 18% · Yellow 0% · Key 0%

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

Previews

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

CSS code for #DBD2FF

.text { color: #DBD2FF; }
.background { background-color: #DBD2FF; }
.border { border: 3px solid #DBD2FF; }
.text-rgb { color: rgb(219, 210, 255); }
.text-hsl { color: hsl(252, 100%, 91%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #DBD2FF; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(219, 210, 255, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #DBD2FF; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(219, 210, 255, 0.8); }

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

Shades of #DBD2FF

#B6A3FF#957AFF#704DFF#4B1FFF#3100F5#2800C7#1F0099#15006B#0D0042#040014

Tints of #DBD2FF

#DED6FF#DED6FF#E2DBFF#E2DBFF#E7E0FF#E7E0FF#EBE5FF#EBE5FF#EFEBFF#EFEBFF

Tones of #DBD2FF

#DCD4FC#DED8F8#E0DBF5#E2DEF2#E4E1EF#E6E5EB

Color harmonies

Complementary — #F6FFD1:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.43:1 Fails
Against black text14.67:1 AAA

Best text color on #DBD2FF: #000000.

How #DBD2FF looks with color blindness

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

Protanopia · #D7D7F4Deuteranopia · #D8D8F2Tritanopia · #DBECEA

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

Palette 493d9e
#493D9E · #B2A5FF · #DAD2FF · #FFF2AF
Palette Fff3da
#FFF3DA · #DFCCFB · #D0BFFF · #BEADFA
Palette Beadfa
#BEADFA · #D0BFFF · #DFCCFB · #FFF8C9
Palette F4eeff
#F4EEFF · #DCD6F7 · #A6B1E1 · #424874
Palette F1eaff
#F1EAFF · #E5D4FF · #DCBFFF · #D0A2F7
Wild Mosaic
#2E19A9 · #E0462B · #1ECD38 · #D9D3F4

Similar colors

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

#DAD2FF#DFCCFB#DCD6F7#E5D4FF#D9D3F4#E5D1FA#D7D2F4#D2DAFF#DBCEF3#DCCEF3#D3D1F5#E8D3FF

Browse neighbouring colors

← #DBD2FE  ·  #DBD300 →

Frequently asked questions

What color is #DBD2FF?

#DBD2FF is Pale Vivid Blue, a blue color (RGB 219, 210, 255). Its closest standard named color is Lavender.

What is the RGB and HSL of #DBD2FF?

#DBD2FF is RGB 219, 210, 255 — HSL 252°, 100%, 91% — CMYK 14%, 18%, 0%, 0%.

What colors go with #DBD2FF?

Its complement is #F6FFD1; analogous partners are #D1DFFF and #F1D1FF. It also appears in 6+ palettes in our collection.

Can I use #DBD2FF for text?

Black text on #DBD2FF has a contrast ratio of 14.67:1 (passes WCAG AA); white text gives 1.43:1.