Figma color wheel
Want to find the perfect complementary or analogous colors to match light pink?
Skip to main content
Everything you need to know about light pink to inspire your next design.
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.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Cupid’s Kiss
Cherry Blossom
Rococo Romance
Light pink is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
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:
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:
To complement light pink, consider pairing it with:
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:
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.
Contrast 1.66
#FFB5C0
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 12.62
#FFB5C0
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
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) |
Want to find the perfect complementary or analogous colors to match light pink?
Learn more about the color rose.
Learn more about fuchsia.