Strawberry is a vibrant and juicy hue that combines red with a hint of pink, sitting between these colors on the wheel. It evokes freshness and energy, similar to berry shades like raspberry or cherry. Perfect for adding a vivacious touch to designs, especially in playful or youthful themes.
Strawberry is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #FA5053
- RGB value: 98.0% red, 31.4% green, 32.5% 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 strawberry, consider:
- Cherry (#D20A2E): Cherry offers a vivid tone similar to Strawberry, with its ripe tint evoking the juicy brightness of fresh berries.
- Crimson Red (#B22222): This shade presents a deeper, more natural pigment, yet retains the vibrant energy akin to Strawberry red hair color.
- Rose Red (#FA003F): Rose Red exudes a vivid tone that mirrors the brightness and allure of Strawberry, capturing its berry shade essence.
- Vermilion (#E73121): Vermilion provides a lively, intense hue comparable to Strawberry, with its striking red-orange mix reflecting a ripe tint.
To complement Strawberry, consider pairing it with:
- Mint Green (#ADEBB3): This soft, refreshing shade contrasts beautifully with the vibrant tone of Strawberry, creating a fresh and lively palette reminiscent of natural pigments.
- Canary Yellow (#FFEF00): The bright and cheerful nature of canary yellow illuminates strawberry, providing a vivid tone that feels energetic and dynamic.
- Lavender (#D3D3FF): Offering a gentle, soothing contrast, lavender complements strawberry’s intensity without overshadowing it, resulting in a harmonious combination.
- Aquamarine (#66F1C2): The lightness of aquamarine adds a serene, water-like balance to the warm and vivid berry shade of strawberry.
- Silver (#C4C4C4): As a neutral metallic, silver provides a sleek and modern backdrop for strawberry, allowing its bold characteristics to stand out.
While Strawberry is vibrant and sweet, it may clash with:
- Neon Green (#2CFF05): Neon green's high intensity overwhelms strawberry’s warmth, creating a visually jarring dynamic.
- Violet (#7F00FF): Violet’s rich undertones can create uncomfortable tension with strawberry, clashing due to their similar saturations.
- Dark Cyan (#008B8B): Dark cyan’s cool depth starkly contrasts with strawberry’s warmth, leading to an unharmonious pairing.
- Navy Blue (#000080): Navy blue’s deep, intense hue can overpower the strawberry shade, resulting in a visually unbalanced combination.
- Mustard Yellow (#FFCE1B): Mustard yellow competes with strawberry’s vibrant tone, causing a fight for attention in color palettes.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Coral Ember
Aqua Blush
Flare Flora
Contrast checker
Contrast 3.31
- Large Text
#FA5053
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Contrast 6.34
- Large Text
#FA5053
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FA5053, known as Strawberry, has RGB values of R:250, G:80, B:83 and CMYK values of C:0, M:68, Y:67, K:2.
| VALUE | CSS | |
|---|---|---|
| HEX | #FA5053 | #FA5053 |
| RGB DECIMAL | 250, 80, 83 | RGB(250,80,83) |
| RGB PERCENTAGE | 98.0, 31.4, 32.5 | RGB(98.0%,31.4%,32.5%) |
| CMYK | 0, 68, 67, 2 | |
| HSL | HSL(358.9, 94.4%, 64.7%) | HSL(358.9, 94.4%, 64.7%) |
| HSV (OR HSB) | 358.9°, 68.0, 98.0 | |
| WEB SAFE | #255102102 | #255102102 |
| BINARY | 11111010, 01010000, 01010011 | |
| iOS - SwiftUI | Color(red: 0.980, green: 0.314, blue: 0.325) | |
| iOS - UIKit | UIColor(red: 0.980, green: 0.314, blue: 0.325, alpha: 1) | |
| Android - Compose | Color(0xFFFA5053) |
