Maroon Colors  ·  Color Library

Palettes / Colors / #F2CFF2

#F2CFF2 — Pale Pink

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

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

#F2CFF2 · RGB 242, 207, 242

Download PNG swatch SVG

Color values

HEX#F2CFF2
RGB242, 207, 242
HSL300°, 57%, 88%
HSV300°, 14%, 95%
CMYK0%, 14%, 0%, 5%
XYZ74.96, 69.91, 93.55
Yxy69.91, 0.3144, 0.2932
CIE-Lab86.95, 18.18, -12.62
Hunter Lab83.61, 18.45, -12.83

RGB & CMYK percentages

Red 95% · Green 81% · Blue 95%

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

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

Previews

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

CSS code for #F2CFF2

.text { color: #F2CFF2; }
.background { background-color: #F2CFF2; }
.border { border: 3px solid #F2CFF2; }
.text-rgb { color: rgb(242, 207, 242); }
.text-hsl { color: hsl(300, 57%, 88%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #F2CFF2; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(242, 207, 242, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #F2CFF2; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(242, 207, 242, 0.8); }

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

Shades of #F2CFF2

#E9AFE9#DF8BDF#D66BD6#CD47CD#B832B8#982A98#742074#541754#300D30#100410

Tints of #F2CFF2

#F3D3F3#F4D7F4#F4D7F4#F5DBF5#F6DFF6#F7E3F7#F8E7F8#F8E7F8#FAEBFA#FBEFFB

Tones of #F2CFF2

#EFD1EF#EDD4ED#EAD6EA#E8D9E8#E5DCE5#E3DEE3

Color harmonies

Complementary — #CFF2CF:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.40:1 Fails
Against black text14.98:1 AAA

Best text color on #F2CFF2: #000000.

How #F2CFF2 looks with color blindness

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

Protanopia · #E3E3EADeuteranopia · #E5E7E7Tritanopia · #F0E3E1

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

Cosmic Ruby Voyage
#941799 · #BAB31C · #1FCAC2 · #F3D1F1
Palette Ffe7c1
#FFE7C1 · #F3CCF3 · #E9A8F2 · #DC84F3
Golden Drift
#F5D1F0 · #DD60CE · #B829A7 · #5B1553
Dusty Ruby Breeze
#F3CCF5 · #EC9EEF · #D84FDE · #BF1FC6
Cosmic Ruby Orchard
#EECCF5 · #BC44D5 · #A632BE · #912BA6
Honey Ruby Harbor
#EDCBF1 · #D889E1 · #B931C9 · #45114B

Similar colors

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

#F3D1F1#F3CCF3#F5D1F0#F3CCF5#EECCF5#EDCBF1#EED5EF#EFD1EB#F0CFEA#EEC8EF#F2D4EA#F4CCE9

Browse neighbouring colors

← #F2CFF1  ·  #F2CFF3 →

Frequently asked questions

What color is #F2CFF2?

#F2CFF2 is Pale Pink, a pink color (RGB 242, 207, 242). Its closest standard named color is Lavender.

What is the RGB and HSL of #F2CFF2?

#F2CFF2 is RGB 242, 207, 242 — HSL 300°, 57%, 88% — CMYK 0%, 14%, 0%, 5%.

What colors go with #F2CFF2?

Its complement is #CFF2CF; analogous partners are #E0CFF2 and #F2CFE0. It also appears in 6+ palettes in our collection.

Can I use #F2CFF2 for text?

Black text on #F2CFF2 has a contrast ratio of 14.98:1 (passes WCAG AA); white text gives 1.40:1.