Blush is a soft, romantic color that blends gentle pink with a hint of warmth. It sits between red and orange on the color wheel, adding a cozy glow. Related shades include blush peach and rose blush. Perfect for adding a touch of warmth to designs that need a delicate, inviting vibe.
Blush is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #DE5D83
- RGB value: 87.1% red, 36.5% green, 51.4% 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
For variations within the same spectrum as blush, consider:
- Light Pink (#ffb5c0): Light Pink shares a soft, gentle tone with Blush, offering a similar warm undertone that complements its pink hue.
- Soft Pink (#e89eb8): Soft Pink closely resembles Blush with its delicate and inviting pink hue, showcasing a warm undertone and natural glow.
- Pastel Pink (#ffc5d3): Pastel Pink mirrors the subtlety and gentleness of Blush, providing a warm undertone that contributes to a natural, radiant finish.
- Rosewater (#ffd6d1): Rosewater captures a similar aesthetic to Blush, emphasizing a rosy complexion with its tender pink hue and subtle shimmer.
To complement Blush, consider pairing it with:
- Mint Green (#ADEBB3): This pastel shade balances Blush’s warmth with its cool undertone, creating a fresh and soothing combination.
- Navy Blue (#000080): The deep tone of Navy Blue provides a striking contrast, making Blush stand out while maintaining elegance.
- Beige (#EDE8D0): Beige offers a warm, neutral base that enhances Blush’s softness, perfect for creating a cozy atmosphere.
- Slate Gray (#6D8196): With its muted, cool property, Slate Gray complements Blush by adding a sophisticated, modern touch.
- Soft Gold (#D4AF37): Soft Gold introduces a luxurious accent that harmonizes with Blush’s warmth, adding a touch of glamour.
While Blush is charming and playful, it may clash with:
- Navy Blue (#000080): It creates a stark contrast that can overwhelm Blush's softness, resulting in a visually jarring pairing.
- Neon Green (#2CFF05): Its intense vibrancy competes with the gentle tone of Blush, leading to visual discord.
- Crimson Red (#B22222): This deep hue can overpower Blush's subtlety, making the combination appear heavy.
- Burnt Orange (#BE5103): It presents a warm, earthy tone that fights with Blush's light and airy nature, creating an unharmonious look.
- Bright Yellow (#FFED29): Its brightness can overshadow Blush, resulting in an unbalanced color scheme.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Sundown Hues
Coral Mint
Blossom Jive
Contrast checker
- Large Text
Figma
- Normal Text
How you design, align, and build matters. Do it together with Figma.
3.5:1
WCAG 2.2 Simple Contrast
Normal Text
- Fail
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- 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.
6:1
WCAG 2.2 Simple Contrast
Normal Text
- Pass
- AA
- 4.5:1
- Fail
- AAA
- 7:1
Large Text
- Pass
- AA
- 3:1
- Pass
- AAA
- 4.5:1
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #DE5D83, known as Blush, has RGB values of R:222, G:93, B:131 and CMYK values of C:0, M:58, Y:41, K:13.
| VALUE | CSS | |
|---|---|---|
| HEX | #DE5D83 | #DE5D83 |
| RGB DECIMAL | 222, 93, 131 | RGB(222,93,131) |
| RGB PERCENTAGE | 87.1, 36.5, 51.4 | RGB(87.1%,36.5%,51.4%) |
| CMYK | 0, 58, 41, 13 | |
| HSL | HSL(342.3, 66.2%, 61.8%) | HSL(342.3, 66.2%, 61.8%) |
| HSV (OR HSB) | 342.3°, 58.1, 87.1 | |
| WEB SAFE | #204102153 | #204102153 |
| BINARY | 11011110, 01011101, 10000011 | |
| iOS - SwiftUI | Color(red: 0.871, green: 0.365, blue: 0.514) | |
| iOS - UIKit | UIColor(red: 0.871, green: 0.365, blue: 0.514, alpha: 1) | |
| Android - Compose | Color(0xFFDE5D83) |
