Pink Color Family

Light Pink Color Hex Code, RGB & HSL Values

Browse all Pink Colors

What is the meaning of the Light Pink color?

Light Pink is a delicate, warm pastel pink color. It represents sweet innocence, soft romance, and gentle care, highly suitable for wedding planners, baby products, and floral designs.

How to use the Light Pink color hex code in HTML & CSS?

To style elements with Light Pink on a website, use the hex code #FFB6C1 in your HTML/CSS. Adding background-color: #FFB6C1; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#FFB6C1] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Light Pink?

In the digital sRGB spectrum, the Light Pink color code is mapped to RGB values of Red: 255, Green: 182, and Blue: 193. In the HSL system, it registers at hue angle 351°, saturation 100%, and lightness index 86%. It represents a bright, soft tint characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Light Pink color

To reproduce the named shade Light Pink in print systems, the CMYK ink configuration requires 0% Cyan, 29% Magenta, 24% Yellow, and 0% black. Given its red-channel dominance, this color is a powerful visual stimulator often deployed in banners, call-to-actions, and warning components.

Red Channel 255
Green Channel 182
Blue Channel 193
Luminance 0.586

Light Pink Color Space Conversions

Click to copy format
HEX Color Code #FFB6C1
RGB (Red Green Blue) rgb(255, 182, 193)
HSL (Hue Sat Light) hsl(351°, 100%, 86%)
CMYK (Commercial Print) cmyk(0%, 29%, 24%, 0%)
HSV / HSB Values hsv(351°, 29%, 100%)
Decimal Color Code 16758465
CSS Custom Variable --color-hex: #FFB6C1;
Tailwind CSS Utility bg-[#FFB6C1]
CSS Named Color lightpink

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #FFB6C1

Small body copy preview

Black Text on Background

Black text readability test with #FFB6C1

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 Light Pink */
--color-hex: #FFB6C1;
--color-rgb: rgb(255, 182, 193);
--color-hsl: hsl(351deg, 100%, 86%);
--color-name: lightpink;

Aa Known Color Aliases

Light Pink lightpink (CSS Identifier) Pastel PinkBlush PinkSoft Light Pink

Light Pink Color Meaning

As a notable shade in the pink spectrum, Light Pink embodies the core psychological traits of the pink color family. The pink spectrum 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

CompassionPlayfulnessNurturingSweetness

Industries

HealthcareFashionBeauty & Cosmetics

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!