Maroon Colors  ·  Color Library

Palettes / Colors / #F2EFF6

#F2EFF6 — Pale Dusty Purple

#F2EFF6 is a purple color we call Pale Dusty Purple, closest to the named color WhiteSmoke (#F5F5F5). It belongs to the purple family.

#F2EFF6 is a cool purple color associated with luxury, creativity and mystery. It is light enough to work as a background or base color, with darker text on top.

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

#F2EFF6 · RGB 242, 239, 246

Download PNG swatch SVG

Color values

HEX#F2EFF6
RGB242, 239, 246
HSL266°, 28%, 95%
HSV266°, 3%, 96%
CMYK2%, 3%, 0%, 4%
XYZ84.12, 87.26, 99.60
Yxy87.26, 0.3104, 0.3220
CIE-Lab94.85, 2.25, -3.02
Hunter Lab93.42, 2.29, -3.02

RGB & CMYK percentages

Red 95% · Green 94% · Blue 96%

Cyan 2% · Magenta 3% · Yellow 0% · Key 4%

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

Previews

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

CSS code for #F2EFF6

.text { color: #F2EFF6; }
.background { background-color: #F2EFF6; }
.border { border: 3px solid #F2EFF6; }
.text-rgb { color: rgb(242, 239, 246); }
.text-hsl { color: hsl(266, 28%, 95%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #F2EFF6; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(242, 239, 246, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #F2EFF6; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(242, 239, 246, 0.8); }

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

Shades of #F2EFF6

#DAD1E5#C2B4D5#AA97C4#9379B4#7B5CA3#624983#4C3965#362848#20182A#0A070D

Tints of #F2EFF6

#F2EFF6#F2EFF6#F2EFF6#F2EFF6#F4F2F8#F4F2F8#F4F2F8#F4F2F8#F4F2F8#F4F2F8

Tones of #F2EFF6

#F2EFF5#F2F0F5#F2F0F4#F2F1F4#F2F1F3#F2F2F3

Color harmonies

Complementary — #F3F6EF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.14:1 Fails
Against black text18.45:1 AAA

Best text color on #F2EFF6: #000000.

How #F2EFF6 looks with color blindness

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

Protanopia · #F1F1F4Deuteranopia · #F1F1F4Tritanopia · #F2F3F3

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

Palette Be9fe1
#BE9FE1 · #C9B6E4 · #E1CCEC · #F1F1F6
Palette F3f1f5
#F3F1F5 · #F0D9FF · #BFA2DB · #7F7C82
Palette Eff0f4
#EFF0F4 · #74DBEF · #0074E4 · #264E86
Palette F1f3f8
#F1F3F8 · #D6E0F0 · #8D93AB · #393B44
Palette 70198a
#70198A · #BB8FA9 · #C1EA9F · #F6F1F8
Mellow Ruby
#D96868 · #F2F2F2 · #91AE6E · #689D4B

Similar colors

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

#F1F1F6#F3F1F5#EFF0F4#F1F3F8#F6F1F8#F2F2F2#F2F3F3#F3F3F3#EDEEF7#F4F2F2#F0F3F3#F1F1F1

Browse neighbouring colors

← #F2EFF5  ·  #F2EFF7 →

Frequently asked questions

What color is #F2EFF6?

#F2EFF6 is Pale Dusty Purple, a purple color (RGB 242, 239, 246). Its closest standard named color is WhiteSmoke.

What is the RGB and HSL of #F2EFF6?

#F2EFF6 is RGB 242, 239, 246 — HSL 266°, 28%, 95% — CMYK 2%, 3%, 0%, 4%.

What colors go with #F2EFF6?

Its complement is #F3F6EF; analogous partners are #EFEFF6 and #F5EFF6. It also appears in 6+ palettes in our collection.

Can I use #F2EFF6 for text?

Black text on #F2EFF6 has a contrast ratio of 18.45:1 (passes WCAG AA); white text gives 1.14:1.