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 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.
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.
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.
VALUE | CSS | |
---|---|---|
HEX | FFB5C0 | #FFB5C0 |
RGB DECIMAL | 255, 181, 192 | RGB(255,181,192) |
RGB PERCENTAGE | 100, 71, 75.3 | RGB(100%,71%,75.3%) |
CMYK | 0, 29, 25, 0 | |
HSL | 351.1°, 100, 85.5 | HSL(351.1,100%,85.5%) |
HSV (OR HSB) | 351.1°, 29, 100 | |
WEB SAFE | FFCCCC | #FFCCCC |
CIE-LAB | 80.803, 28.346, 5.206 | |
XYZ | 67.278, 58.116, 57.54 | |
xyY | 0.368, 0.318, 58.116 | |
CIE-LCH | 80.803, 28.821, 10.407 | |
CIE-LUV | 80.803, 46.476, 2.291 | |
HUNTER-LAB | 76.234, 24.119, 8.613 | |
BINARY | 11111111, 10110101, 11000000 | |
iOS - SwiftUI | Color(red: 1, green: 0.71, blue: 0.753) | |
iOS - UIKit | UIColor(red: 1, green: 0.71, blue: 0.753, alpha: 1) | |
Android - Compose | Color(0xFFFFB5C0) |