Pink Color Family

Lavender Blush Color Hex Code, RGB & HSL Values

Browse all Pink Colors

What is the meaning of the Lavender Blush color?

Lavender Blush is a very light off-white color with a warm pink blush. It represents soft elegance and gentle warmth, serving as an excellent clean background for cosmetic web designs.

How to use the Lavender Blush color hex code in HTML & CSS?

Developers can invoke Lavender Blush color codes in stylesheets using color: #FFF0F5;. For modern CSS frameworks, set it as a variable --color-lavender blush: #FFF0F5;, or implement it in Tailwind using bg-[#FFF0F5].

What are the RGB and HSL codes of Lavender Blush?

The RGB breakdown for Lavender Blush is rgb(255, 240, 245). In HSL space, it translates to 340° hue, 100% saturation, and 97% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Lavender Blush color

For print design projects using CMYK ink models, Lavender Blush corresponds to Cyan: 0%, Magenta: 6%, Yellow: 4%, and Black: 0%. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 255
Green Channel 240
Blue Channel 245
Luminance 0.902

Lavender Blush Color Space Conversions

Click to copy format
HEX Color Code #FFF0F5
RGB (Red Green Blue) rgb(255, 240, 245)
HSL (Hue Sat Light) hsl(340°, 100%, 97%)
CMYK (Commercial Print) cmyk(0%, 6%, 4%, 0%)
HSV / HSB Values hsv(340°, 6%, 100%)
Decimal Color Code 16773365
CSS Custom Variable --color-hex: #FFF0F5;
Tailwind CSS Utility bg-[#FFF0F5]
CSS Named Color lavenderblush

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #FFF0F5

Small body copy preview

Black Text on Background

Black text readability test with #FFF0F5

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Lavender Blush */
--color-hex: #FFF0F5;
--color-rgb: rgb(255, 240, 245);
--color-hsl: hsl(340deg, 100%, 97%);
--color-name: lavenderblush;

Aa Known Color Aliases

Lavender Blush lavenderblush (CSS Identifier) Blush WhitePink WhitePale Blush

Lavender Blush Color Meaning

In design psychology, Lavender Blush is classified as a pink shade, inheriting its psychological associations. The pink hue is physiologically calming — studies in correctional facilities showed that painting cells a specific shade of pink (Baker-Miller Pink) reduced aggressive behavior in inmates within minutes. It combines the energetic power of red with white's purity, creating a color associated with love, tenderness, and care. In Western cultures, pink has strong gender associations with femininity, though globally it carries different meanings — in Japan it represents good health and prosperity. Hot pinks and magentas convey energy and confidence, while pastels suggest sweetness and innocence. Pink is increasingly used across all demographics as brands seek to communicate approachability and emotional warmth.

Emotions & Associations

RomanceSweetnessWarmthNurturing

Industries

ChildrenConfectioneryFashion

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!