Light Coral

Meet Light Coral (#F08080), a captivating hue sitting at the intersection of pink and orange. Its striking quality is a soft yet energetic vibrancy, offering a warm glow without the full intensity of a pure red.

Light Coral
#F08080
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Light Coral?

Light Coral is a warm, gentle tint that balances delicately between pink and orange. It carries the vibrancy of coral but is softened with a touch of white, giving it a more subdued and airy feel.

With its distinct pinkish-orange undertones, the color has a cheerful yet soothing quality. It's a lighter, less saturated shade of red-orange, making it feel approachable and fresh.

What is the meaning of the color Light Coral (#F08080)?

A softer, more approachable cousin to red and orange, Light Coral evokes feelings of warmth, friendliness, and playfulness.

It symbolizes a gentle vitality and optimism, carrying the positive energy of its parent hues without their aggression.

How can I effectively use Light Coral in my UI design?

Light Coral, with its hex code #F08080, works exceptionally well as an accent color to draw attention to calls-to-action, notifications, or highlights. For a sophisticated look, pair it with deep charcoals, crisp whites, or muted teals. Applying the 60-30-10 rule—using Light Coral for the 10% accent—can create a balanced and focused user interface.

While not a dominant color in corporate branding, shades similar to Light Coral are used by brands like Foundation. Its relative rarity is an advantage, offering a chance to build a distinct visual identity that helps your design stand apart.

To see these principles in action, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview Light Coral in real UI components from top brands.

How do I use Light Coral color codes?

Using Light Coral in your design work often starts with its hex code, #F08080, a universal identifier for digital color.

This hex value can be translated into other formats; RGB (Red, Green, Blue) is standard for screens, while CMYK (Cyan, Magenta, Yellow, Key/Black) is essential for print projects.

To make things easier, we've converted #F08080 into a range of popular formats below for you to copy and paste.

Light Coral Code Conversions

HEX
#F08080
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Light Coral Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Light Coral, this creates a harmonious and visually pleasing palette with a serene effect.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. Pairing Light Coral with its complement produces a high-contrast, striking visual effect.

#123456
#123456

Split Complementary

For a more nuanced palette, a split complementary scheme pairs Light Coral with the two colors adjacent to its direct opposite on the color wheel.

#123456
#123456
#123456

Triadic

A triadic color scheme uses three colors evenly spaced on the color wheel. With Light Coral as a base, this combination creates a vibrant yet balanced palette.

#123456
#123456
#123456

Tetradic

A tetradic color scheme for Light Coral uses four colors in total, arranged in a rectangle on the color wheel as two complementary pairs.

#123456
#123456
#123456
#123456

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Light Coral as the base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Light Coral Color Variations

Shades

Shades of Light Coral are created by adding black, giving the color more depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Add white to Light Coral to create tints, which produce softer and more delicate tones.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Light Coral are created by adding gray, resulting in softer, more muted versions.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Light Coral, differing in intensity and temperature to create distinct moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Light Coral?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion