Maroon Colors  ·  Color Library

Palettes / Colors / #F2DBF5

#F2DBF5 — Pale Pink

#F2DBF5 is a pink color we call Pale Pink, closest to the named color Lavender (#E6E6FA). It belongs to the pink family.

#F2DBF5 is a cool pink color associated with playfulness, romance and softness. It is light enough to work as a background or base color, with darker text on top.

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

#F2DBF5 · RGB 242, 219, 245

Download PNG swatch SVG

Color values

HEX#F2DBF5
RGB242, 219, 245
HSL293°, 57%, 91%
HSV293°, 11%, 96%
CMYK1%, 11%, 0%, 4%
XYZ78.43, 76.13, 96.95
Yxy76.13, 0.3118, 0.3027
CIE-Lab89.92, 12.42, -9.79
Hunter Lab87.25, 12.61, -9.92

RGB & CMYK percentages

Red 95% · Green 86% · Blue 96%

Cyan 1% · Magenta 11% · Yellow 0% · Key 4%

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

Previews

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

CSS code for #F2DBF5

.text { color: #F2DBF5; }
.background { background-color: #F2DBF5; }
.border { border: 3px solid #F2DBF5; }
.text-rgb { color: rgb(242, 219, 245); }
.text-hsl { color: hsl(293, 57%, 91%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #F2DBF5; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(242, 219, 245, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #F2DBF5; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(242, 219, 245, 0.8); }

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

Shades of #F2DBF5

#E5B7EB#DA97E2#CD73D9#C04FCF#B035C0#8F2B9C#6E2178#4D1754#300E34#0F0410

Tints of #F2DBF5

#F4DFF6#F4DFF6#F5E3F7#F5E3F7#F6E7F8#F6E7F8#F8EBFA#F8EBFA#F9EFFB#F9EFFB

Tones of #F2DBF5

#F1DDF3#EFDFF1#EEE0F0#ECE3EE#EBE4EC#E9E6EA

Color harmonies

Complementary — #DEF5DB:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.29:1 Fails
Against black text16.23:1 AAA

Best text color on #F2DBF5: #000000.

How #F2DBF5 looks with color blindness

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

Protanopia · #E8E8EFDeuteranopia · #E9EBEDTritanopia · #F1EAE9

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 fuchsia 500 · #D946EF

Palettes with a similar color

These palettes use a close neighbour of #F2DBF5 rather than the exact color:

Electric Ruby Cinder
#CFEAF2 · #B2B1EB · #F1D9F6 · #EDC4D4
Palette Cff6cf
#CFF6CF · #CFE5CF · #E5CFE5 · #F6DEF6
Palette Cdf0ea
#CDF0EA · #F9F9F9 · #F7DBF0 · #BEAEE2
Crimson Solace
#F4DCEE · #E7CAC3 · #DFE7B7 · #B7EABE
Dusty Ruby Horizon
#95289F · #CABC33 · #59D5CA · #EED5EF
Palette F3f1f5
#F3F1F5 · #F0D9FF · #BFA2DB · #7F7C82

Similar colors

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

#F1D9F6#F6DEF6#F7DBF0#F4DCEE#EED5EF#F0D9FF#EBD6FB#F6E5F5#F3D1F1#EBD3F8#F6DFEB#F5D1F0

Browse neighbouring colors

← #F2DBF4  ·  #F2DBF6 →

Frequently asked questions

What color is #F2DBF5?

#F2DBF5 is Pale Pink, a pink color (RGB 242, 219, 245). Its closest standard named color is Lavender.

What is the RGB and HSL of #F2DBF5?

#F2DBF5 is RGB 242, 219, 245 — HSL 293°, 57%, 91% — CMYK 1%, 11%, 0%, 4%.

What colors go with #F2DBF5?

Its complement is #DEF5DB; analogous partners are #E5DBF5 and #F5DBEB. It also appears in 6+ palettes in our collection.

Can I use #F2DBF5 for text?

Black text on #F2DBF5 has a contrast ratio of 16.23:1 (passes WCAG AA); white text gives 1.29:1.