Colors
Blush Pink
Everything you need to know about blush pink to inspire your next design.
Launch in Figma Now
Read about Blush Pink
What color is blushpink?
Blush pink is a cool-toned shade on the lighter side of the red spectrum, embodying the color of flushed cheeks. It has gentle and youthful qualities, exuding a sense of innocence andpeace.
What does blush pink look like on digital screens?
Blush pink is defined by the following color codes and values to ensure consistency across various digital platforms anddevices.
- HEX code: #FF7782
- RGB value: 100% red, 46.7% green, and51%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.
How should I effectively use blush pink in UIdesign?
Here are some ways to use blush pink in yourdesigns:
- Capture attention. Using blush pink for CTAs and important buttons can grab a user’s attention and guide them to key elements without being visually overwhelming.
- Create a welcoming atmosphere. Blush pink works well for apps that promote a soft, inviting environment. Use it for pregnancy or parenting apps to evoke a calm and supportive feel or for a feminine touch in fashion and beautyapps.
- Promote seasonal designs. Pair blush pink with soft greens, yellows, and cool blues for a perfect summer or spring look. For fall and winter, combine it with warm browns or deeper reds to create a cozy, romanticvibe.
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.
What are similar colors to blushpink?
For variations within the same soft spectrum as blush pink,consider:
- Pink (#FF8DA1) is a bit softer but has a similar romantic energy.
- Salmon (#FF7E70) is warmer with prominent orange undertones.
- Light pink (#FFB5C0) is more delicate but shares similar youthful qualities.
- Puce (#E491A6) appears richer with a warmundertone.
What colors go with blushpink?
To complement blush pink, consider pairing itwith:
- Celadon (#A8DCAB) offers a refreshing contrast to create a spring-inspired color palette.
- Aqua (#00FFF0) complements blush pink for a fun and fresh color combination.
- Apricot (#FFB27F) adds a bit of warmth for a harmonious summervibe.
- Pastel yellow (#FFEE8C) creates a cheerful and lively colorpairing.
Other colors worth considering include taupe for a modern and sophisticated look, pastel red for a monochromatic color combination, or periwinkle for a whimsical feel.
What colors conflict with blushpink?
While blush pink is delicate, it mayclashwith:
- Fuchsia (#FF00FF) is highly saturated, which can disrupt the softness ofblushpink.
- Neon blue (#2323FF) can overpower blush pink, creating a harshcontrast.
- Chartreuse (#CCFF00) is vibrant and may overshadow blush pink’s delicate nature.
- Olive green (#636B2F) may appear muddy next to blush pink, creating an unbalanced contrast.
What does blush pink symbolize?
Blush pink symbolizes softness, romance, and innocence. Its muted hue also carries connotations of peace and tranquility.
In color psychology, blush pink promotes feelings of love and happiness. Its gentle appearance has nurturing qualities, evoking a sense of tenderness, comfort, and security. Its connection to innocence also promotes a playful and youthful energy.
In UI design, blush pink can subtly grab attention and make elements pop. It’s also useful for seasonal designs, capturing the essence of spring, summer, and fall when paired with other complementary colors.
What’s the history of blushpink?
The color pink is named after a type of carnation called “pinks” and was first used as a color name in the 17th century. Many shades of pink, including blush pink, became significant colors used in art during this period, embodying modesty andinnocence.
In Baroque paintings, blush pink illustrated flesh tones in women and children. During the 18th-century Rococo art period, artists used blush pink and other muted pink hues to signify aristocracy andtheelite.
Blush pink’s association with softness and romance continues to make it a popular color choice in modern culture. It is widely used in fashion, interior design, art, andbranding.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Strawberry Essence
Florist
Flamingo Flair
Accessibility: Contrast Checker
2.56: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
8.21: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
Color conversion
The hexadecimal color #FF7782, known as blush pink, has RGB values of R:255 G:119, B:130 and CMYK values of C:0, M:0.53, Y:0.49,K:0.
VALUE | CSS | |
---|---|---|
HEX | FF7782 | #FF7782 |
RGB DECIMAL | 255, 119, 130 | RGB(255,119,130) |
RGB PERCENTAGE | 100, 46.7, 51 | RGB(100%,46.7%,51%) |
CMYK | 0, 53, 49, 0 | |
HSL | 355.1°, 100, 73.3 | HSL(355.1°,100%,73.3%) |
HSV (OR HSB) | 355.1°, 53.3, 100 | |
WEB SAFE | FF6699 | #FF6699 |
CIE-LAB | 66.573, 52.671, 19.333 | |
XYZ | 51.867, 36.07, 25.349 | |
xyY | 0.458, 0.318, 36.07 | |
CIE-LCH | 66.573, 56.107, 20.156 | |
CIE-LUV | 66.573, 97.187, 14.658 | |
HUNTER-LAB | 60.058, 49.054, 17.01 | |
BINARY | 11111111, 01110111, 10000010 | |
iOS - SwiftUI | Color(red: 1, green: 0.467, blue: 0.51) | |
iOS - UIKit | UIColor(red: 1, green: 0.467, blue: 0.51, alpha: 1) | |
Android - Compose | Color(0xFFFF7782) |