Coral pink is a cheerful, warm hue, merging pink and orange for a soft pastel vibe. Nestled between pink and orange on the color wheel, it offers a blush tint with peach undertones. Explore its charm in design by adding a playful touch to your color palette or choosing a coral pink shirt for a vibrant look.
Coral pink is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #F88379
- RGB value: 97.3% red, 51.4% green, 47.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 coral pink, consider:
- Salmon Pink (#FF91A4): Demonstrating a similar warm hue, Salmon Pink shares Peach undertones with Coral Pink, offering a delicate and inviting pastel shade.
- Watermelon (#FC6C85): With its lively vibrancy and warm tones, Watermelon presents a rich blend of red and pink—akin to Coral Pink's dynamic, yet soft appeal.
- Rose (#FF1D8D): This shade boasts a pronounced Soft Pink quality and a blush tint that closely echoes the vibrant, inviting essence of Coral Pink.
- Peach (#FFD3AC): Featuring both pastel shades and Peach undertones, Peach provides a softer, gentler companion to Coral Pink’s eye-catching warmth.
To complement Coral pink, consider pairing it with:
- Mint Green (#ADEBB3): This refreshing hue softens Coral pink's warmth, creating a lively yet calming color palette perfect for spring collections or summer vibes.
- Slate Gray (#6D8196): The neutral undertone of slate gray balances Coral pink's brightness, offering a sophisticated backdrop ideal for interior design or artistic expression.
- Navy Blue (#000080): This deep, classic color contrasts with Coral pink's playful nature, adding depth and elegance to any design inspiration or color palette.
- Pastel Yellow (#FFEE8C): Light and breezy, pastel yellow pairs beautifully with Coral pink, enhancing its peach undertones and evoking warmth—the essence of a spring collection or artistic expression.
While Coral pink (#FF8559) is vibrant and warm, creating a cheerful and inviting atmosphere, it may clash with:
- Neon Green (#2CFF05): This hyper-bright hue can overpower Coral pink, creating a visually jarring contrast that detracts from the softness of Coral pink's warm hues.
- Scarlet (#ED2100): With its intense vibrancy, Scarlet can dominate a palette with Coral pink, overshadowing its gentle pastel shades and peach undertones.
- Bright Yellow (#FFED29): The sheer intensity of Bright Yellow might create an overly stimulating effect when paired with Coral pink, disrupting its warm, soothing balance.
- Electric Blue (#00F0FF): The cool, intense nature of Electric Blue can clash with Coral pink’s warmth, creating an uncomfortable tension within color palettes.
- Dark Purple (#341539): Dark Purple’s deep, rich tones starkly contrast with the light, airy feel of Coral pink, creating a heavy and potentially unbalanced combination.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Coral Bliss
Tropical Splash
Ballet Frost
Contrast checker
Contrast 2.47
- Large Text
#F88379
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 8.51
- Large Text
#F88379
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #F88379, known as Coral pink, has RGB values of R:248, G:131, B:121 and CMYK values of C:0, M:47, Y:51, K:3.
| VALUE | CSS | |
|---|---|---|
| HEX | #F88379 | #F88379 |
| RGB DECIMAL | 248, 131, 121 | RGB(248,131,121) |
| RGB PERCENTAGE | 97.3, 51.4, 47.5 | RGB(97.3%,51.4%,47.5%) |
| CMYK | 0, 47, 51, 3 | |
| HSL | HSL(4.7, 90.1%, 72.4%) | HSL(4.7, 90.1%, 72.4%) |
| HSV (OR HSB) | 4.7°, 51.2, 97.3 | |
| WEB SAFE | #255153102 | #255153102 |
| BINARY | 11111000, 10000011, 01111001 | |
| iOS - SwiftUI | Color(red: 0.973, green: 0.514, blue: 0.475) | |
| iOS - UIKit | UIColor(red: 0.973, green: 0.514, blue: 0.475, alpha: 1) | |
| Android - Compose | Color(0xFFF88379) |
