Skip to main content

Light pink

Everything you need to know about light pink to inspire your next design.

Get color palette

Hex

RGB

HSB

HSL

Pick palette settings

Custom palettes

Light pink is a soft, delicate shade found in the pale red section of the color wheel. This color often evokes a sense of innocence and the fresh beginnings of springtime.

light pinklight pink

Light pink is defined by the following color codes and values to ensure consistency across various digital platforms and devices.

  • HEX code: #FFB5C0
  • RGB value: 100% red, 71% green, and 75.3% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

Here are some ways to use light pink in your designs:

  • Evoke emotion. Light pink is versatile and can create playful designs, soothing atmospheres, or welcoming interfaces. Its calming tone works especially well for the beauty, health, and wellness industries.
  • Backgrounds or highlights. Use light pink as a base for designs in the background and to draw attention to features like CTAs and buttons.
  • Soften darker elements. Light pink can balance out darker UI elements, adding a soft touch and preventing the interface from feeling too harsh.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

For variations within the same soft spectrum as light pink, consider:

  • Rosewater (#FFD6D1) is a gentle, soft pink tone that shares light pink’s characteristic calming effect.
  • Blush pink (#FF7782) is a dusty pink slightly darker than light pink.
  • Pink (#FF8DA1) has slightly orange undertones with a brighter coloring than light pink.
  • Salmon (#FF7E70) is an orange-pink with tones ranging from bright orange to soft pink.

To complement light pink, consider pairing it with:

  • Mint blue (#98FBCB) contrasts light pink’s soft hue, creating a playful palette.
  • Mustard yellow (#FFCE1B) creates a bright color combination that plays on the cheerful tones of both colors.
  • Peach (#FFD3AC) has a hint of rose along with its orange and yellow tones, making it a perfect complement to light pink.
  • Beige (#EDE8D0) provides a neutral color combination with light pink, creating a calming look.
  • Black (#000000) creates a dramatic and sophisticated contrast with light pink.

Consider pairing light pink with other colors such as lavender for a clean and youthful palette, navy blue to create greater contrast, and light gray for a spacious feel.

While light pink is versatile, it may clash with:

  • Neon orange (#FF5C00) is very bright and can make light pink appear washed out.
  • Cream (#FDFBD4) may not provide enough contrast to light pink, making the colors blend together and lack definition.
  • Red (#FF2C2C) pairs better with more muted colors that provide more contrast.
  • Lime green (#89F336) and light pink can be fun and summery, but the contrast is too harsh for most designs.

Light pink symbolizes gentleness, innocence, and purity. It’s often associated with springtime, new beginnings, and delicate beauty.

In color psychology, light pink is known for its calming and soothing effect. It reduces feelings of stress and anger, promoting peace and tranquility. The pale hue is easy on the eyes and can subconsciously create a sense of safety and security.

In UI design, light pink makes a great accent or background color, particularly for content-heavy interfaces, as its softness reduces eye strain. However, it’s not ideal as the primary text color, as it can be difficult to read against certain backgrounds.

Light pink gained popularity in 18th-century France when fashion icon Madame de Pompadour, an influential figure during King Louis XV's reign, promoted the color. Light pink and pastel shades were favored by members of the European aristocracy, symbolizing luxury and high society. This era also saw the creation of the famous Sèvres pink porcelain, named after the factory that produced it.

Today, light pink is often associated with innocence. This hue has become increasingly universal in its appeal across all genders.

Color variations

Shades

Tints

Tones

Hues

Color Harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom Palettes

Cupid’s Kiss

Cherry Blossom

Rococo Romance

Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #FFB5C0 text on a #FFFFFF background.

1.66:1

WCAG 2.2 Simple Contrast

Normal Text

Fail
AA
4.5:1
Fail
AAA
7:1

Large Text

Fail
AA
3:1
Fail
AAA
4.5:1
Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #FFB5C0 text on a #000000 background.

12.62:1

WCAG 2.2 Simple Contrast

Normal Text

Pass
AA
4.5:1
Pass
AAA
7:1

Large Text

Pass
AA
3:1
Pass
AAA
4.5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

The hexadecimal color #FFB5C0, known as light pink, has RGB values of R:255, G:181, B:192 and CMYK values of C:0, M:29, Y:25, K:0.

VALUECSS
HEXFFB5C0#FFB5C0
RGB DECIMAL255, 181, 192RGB(255,181,192)
RGB PERCENTAGE100, 71, 75.3RGB(100%,71%,75.3%)
CMYK0, 29, 25, 0
HSL351.1°, 100, 85.5HSL(351.1,100%,85.5%)
HSV (OR HSB)351.1°, 29, 100
WEB SAFEFFCCCC#FFCCCC
CIE-LAB80.803, 28.346, 5.206
XYZ67.278, 58.116, 57.54
xyY0.368, 0.318, 58.116
CIE-LCH80.803, 28.821, 10.407
CIE-LUV80.803, 46.476, 2.291
HUNTER-LAB76.234, 24.119, 8.613
BINARY11111111, 10110101, 11000000
iOS - SwiftUIColor(red: 1, green: 0.71, blue: 0.753)
iOS - UIKitUIColor(red: 1, green: 0.71, blue: 0.753, alpha: 1)
Android - ComposeColor(0xFFFFB5C0)