Pink

LavenderBlush

#FFF0F5
HEX
#FFF0F5
RGB
rgb(255, 240, 245)
HSL
hsl(340, 100%, 97%)

Pink family

About LavenderBlush

LavenderBlush (#FFF0F5) is a very light, vivid pink. Pink blends red's warmth with white's softness, giving it a gentle, approachable energy that can range from pale and delicate to bold and electric.

Psychology

Pink is associated with compassion, warmth, playfulness and romance. Soft pinks are calming and nurturing, while vivid pinks feel energetic, youthful and even rebellious.

Applications

Pink shines in beauty, fashion, confectionery and lifestyle brands, as well as feminine or playful UI accents. Hotter pinks add punch to youth-oriented and music-industry designs, while pastel pinks suit baby, spa and wellness palettes.

History

Pink has not always been gender-coded; in the 18th century both men and women wore it. Modern synthetic pink dyes of the 19th century made the shade cheap and fashionable, and its cultural meanings have kept shifting ever since.

Meaning

Pink generally signals affection, tenderness and optimism, though bright pinks also carry confidence and non-conformity. It is widely used to soften a message or add a friendly, human touch.

Why use this color

Use pink to add warmth, approachability or a touch of romance to a design. It is perfect for brands that want to feel friendly and human without the intensity of full red.

Accessibility

Against white, #FFF0F5 has a 1.1:1 contrast ratio; against black it is 19.0:1. Black text on #FFF0F5 meets WCAG AA for normal text.

Fun facts

  • Baker-Miller Pink was famously tested as a color that could calm aggressive behavior in holding cells.
  • Until the mid-20th century, pink was often marketed to boys as a light shade of strong red.
  • Hot pink became a signature of punk and pop fashion in the late 20th century.

Shades, tints & tones

Variations

Ten lightness steps plus LavenderBlush's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around LavenderBlush. Each swatch is one click from your clipboard.

Complementary

#fff0f5#f0fffa

Analogous

#fff0fc#fff0f5#fff2f0

Triadic

#fff0f5#f5fff0#f0f5ff

Split-complementary

#fff0f5#f0fff2#f0fcff

Tetradic

#fff0f5#fcfff0#f0fffa#f2f0ff

Monochromatic

#4d0019#a30036#ff0055#ff5c92#ffb3cc

Accessibility

Blindness simulator

See how LavenderBlush is perceived with common types of color vision deficiency.

#FFF0F5

Normal vision

Standard trichromatic vision, shown for reference.

#f1f2f5

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#f5f5f5

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#fff0f2

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#f4f4f4

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How LavenderBlush performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on LavenderBlush
1.10:1
AAAAAAA LargeAAA Large
AaBlack on LavenderBlush
19.03:1
AAAAAAA LargeAAA Large

The ratio is identical whether LavenderBlush is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put LavenderBlush to work, with copy-all support for each.

Complementary

Roughly 180° across the wheel from #FFF0F5 (hue 340°) sits #f0fffa, held together by the #ffffff tint and the neutrals #f4f4f5 and #18181b.

Analogous

#FFF0F5 with its two closest neighbours, #fff0fc and #fff2f0, for a 100%-saturation run that stays inside one family; #ffffff and #ff70a0 add depth without breaking it.

Triadic

#FFF0F5 plus #f5fff0 and #f0f5ff, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.

Monochromatic

One hue at 5 lightness steps: #ffebf1 through #1f000a, starting from #FFF0F5 at 97% lightness.

LavenderBlush (#FFF0F5) is a pink-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

LavenderBlush is #FFF0F5 — rgb(255, 240, 245) / hsl(340, 100%, 97%). LavenderBlush (#FFF0F5) is a very light, vivid pink. Pink blends red's warmth with white's softness, giving it a gentle, approachable energy that can range from pale and delicate to bold and electric.

Good to know

  • LavenderBlush is one of 609 named colors in the library.
  • Its complementary hue sits 180° away on the color wheel: #f0fffa.

More color tools

Next steps for LavenderBlush: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.