Maroon Colors  ·  Color Library

Palettes / Colors / #F2B1EA

#F2B1EA — Pale Pink

#F2B1EA is a pink color we call Pale Pink, closest to the named color Plum (#DDA0DD). It belongs to the pink family.

#F2B1EA is a warm-leaning 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 #B1F2B8; it also sits naturally between #D9B1F2 and #F2B1C9. In the palettes below you can see it working alongside real color combinations from our collection.

#F2B1EA · RGB 242, 177, 234

Download PNG swatch SVG

Color values

HEX#F2B1EA
RGB242, 177, 234
HSL307°, 71%, 82%
HSV307°, 27%, 95%
CMYK0%, 27%, 3%, 5%
XYZ67.19, 56.26, 85.16
Yxy56.26, 0.3221, 0.2697
CIE-Lab79.76, 32.64, -19.16
Hunter Lab75.01, 33.16, -19.62

RGB & CMYK percentages

Red 95% · Green 69% · Blue 92%

Cyan 0% · Magenta 27% · Yellow 3% · Key 5%

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

Previews

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

CSS code for #F2B1EA

.text { color: #F2B1EA; }
.background { background-color: #F2B1EA; }
.border { border: 3px solid #F2B1EA; }
.text-rgb { color: rgb(242, 177, 234); }
.text-hsl { color: hsl(307, 71%, 82%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #F2B1EA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(242, 177, 234, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #F2B1EA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(242, 177, 234, 0.8); }

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

Shades of #F2B1EA

#EC8EE1#E66BD7#E14CCF#DB29C6#BC20A9#991A8A#76146A#570F4F#34092F#110310

Tints of #F2B1EA

#F2B5EB#F4BEEE#F5C2EF#F6CBF1#F7CFF2#F8D3F3#F9DCF6#FAE0F7#FBE9F9#FCEEFA

Tones of #F2B1EA

#EDB5E7#E9BAE3#E4BEE0#DFC3DC#DAC8D8#D6CDD5

Color harmonies

Complementary — #B1F2B8:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.71:1 Fails
Against black text12.25:1 AAA

Best text color on #F2B1EA: #000000.

How #F2B1EA looks with color blindness

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

Protanopia · #D6D5DCDeuteranopia · #DADED9Tritanopia · #EFD1CF

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 · #F8F9FATailwind fuchsia 500 · #D946EFMaterial Grey 500 · #9E9E9E

Palettes with a similar color

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

Wild Meadow
#11892A · #4AE848 · #D21AAC · #F0B1EC
Crystal Ruby Cinder
#F5B3EA · #E666D1 · #D020B4 · #961782
Palette F2afef
#F2AFEF · #C499F3 · #7360DF · #33186B
Radiant Mirage
#AFEEBA · #DBEFF2 · #CDC9EA · #ECB4E8
Radiant Monsoon
#279082 · #427BCB · #9375D9 · #EAB2E9
Palette Ecee81
#ECEE81 · #8DDFCB · #82A0D8 · #EDB7ED

Similar colors

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

#F0B1EC#F5B3EA#F2AFEF#ECB4E8#EAB2E9#EDB7ED#EFB8E6#EDB1F1#F1B6F1#E9B1E7#EBB6E2#E9B7E4

Browse neighbouring colors

← #F2B1E9  ·  #F2B1EB →

Frequently asked questions

What color is #F2B1EA?

#F2B1EA is Pale Pink, a pink color (RGB 242, 177, 234). Its closest standard named color is Plum.

What is the RGB and HSL of #F2B1EA?

#F2B1EA is RGB 242, 177, 234 — HSL 307°, 71%, 82% — CMYK 0%, 27%, 3%, 5%.

What colors go with #F2B1EA?

Its complement is #B1F2B8; analogous partners are #D9B1F2 and #F2B1C9. It also appears in 6+ palettes in our collection.

Can I use #F2B1EA for text?

Black text on #F2B1EA has a contrast ratio of 12.25:1 (passes WCAG AA); white text gives 1.71:1.