#F88379
Pink family

Coral Pink

Also known as: vibrant · playful · warm · delicate · inviting
Save
Hex #F88379
RGB rgb(248, 131, 121)
HSL hsl(5°, 90%, 72%)
CMYK 0 · 47 · 51 · 3

Meaning

In Western cultures, Coral Pink is associated with warmth, affection, and playfulness, often seen in contexts of love and joy. However, in some Eastern cultures, it may carry connotations of caution or restraint, contrasting its lively perception in the West.

The term 'coral' has been used to describe this shade since at least the late 19th century, when it gained popularity in fashion and design. The natural source derives from the vibrant coral reefs, which have fascinated artists and designers for centuries, inspiring color trends and palettes.

vibrantplayfulwarmdelicateinviting

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Coral Pink. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 25 Pinks →

Shades & tints

Nine steps of Coral Pink by lightness — from #81443F (darkest) to #FBBFB9 (lightest). Click any to copy.

-40% #81443F
-30% #9F544D
-20% #BC645C
-10% #DA736A
BASE #F88379
+15% #F99289
+30% #FAA199
+50% #FBB0A9
+70% #FBBFB9

Complementary

Sitting opposite Coral Pink at 185° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Coral Pink.

#F88379
#FFB74D
#FFFFFF
#FF6F61
#8D6E63

Beach Sunset

Relaxing Vibes
#F88379
#009688
#F5F5F5
#FF4081
#FFC107

Tropical Breeze

Fresh Energy
#F88379
#E1BEE7
#BDBDBD
#FFAB40
#81D4FA

Spring Bloom

Joyful Renewal

Coral Pink scale

A 50–900 tonal scale with Coral Pink anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FEF5F4
100 #FEE9E7
200 #FCD0CC
300 #FBB7B1
400 #F99D95
500 #F88379
600 #CB6B63
700 #A45650
800 #7C423D
900 #542D29

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 8.51:1
Coral Pink as text on… Ratio AA AAA
Aa White background 2.47:1 Fail Fail
Aa Black background 8.51:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #F88379

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #F88379;
CSS color-mix (lighten 30%) color-mix(in srgb, #F88379 70%, white)
HSV / HSB 5°, 51%, 97%
CMYK (print) 0, 47, 51, 3
Decimal 16286585
Nearest web-safe #FF9966

Color vision

How Coral Pink appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#F88379

Protanopia (no red)

#C5C47B

Deuteranopia (no green)

#CCD57C

Tritanopia (no blue)

#F27D7E
Bubblegum
11 / 25 Pinks Dusty Rose
Copied!