Pikka Logo Pikka
Chrome App
Vibrant Warm Tropical Salmon Pink Category: Pink

Coral Pink (#F88379) — Color Codes, Meaning & UI Palettes

Coral Pink (#F88379) is a luminous pink with warm peach and orange undertones inspired by living marine reefs. It balances the playful excitement of pink with the friendly energy of coral.

Quick Answer (Coral Pink Color Code): The exact HEX code for Coral Pink is #F88379. In RGB, it is rgb(248, 131, 121). In HSL, it is hsl(5deg, 90%, 72%), and its print CMYK formulation is cmyk(0%, 47%, 51%, 3%). It has a relative luminance of 0.376 and pairs best in UI design with Deep Indigo (#1E1B4B) and Fresh Mint (#6EE7B7).
Click to Copy HEX
Coral Pink
#F88379
HEX
#F88379
RGB
rgb(248, 131, 121)
HSL
hsl(5deg, 90%, 72%)
CMYK (Print)
cmyk(0%, 47%, 51%, 3%)
Apple Display P3
color(display-p3 0.973 0.514 0.475)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 2.46:1 (Fail)
Black Text (#000000) 8.52:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#FEEDEC
100
#FDDBD8
200
#FBB8B1
300
#F88B81
400
#F55547
500
#F88379
600
#F54839
700
#E31E0C
800
#A71609
900
#700F06
950
#3F0803

Color Harmonies & Palette Schemes

Complementary

#77EDF8
Opposite 180° Contrast

Analogous -30°

#F877AD
Natural Harmony

Analogous +30°

#F8C277
Natural Harmony

Triadic +120°

#77F882
120° Balanced Triad

Triadic +240°

#8277F8
120° Balanced Triad

Curated UI Design Pairings for Coral Pink

Perfect for summer fashion lookbooks, lifestyle DTC brands, notification badges, and youthful onboarding flows.

Deep Indigo
#1E1B4B
Authoritative Contrast Text
Fresh Mint
#6EE7B7
Playful Tropical Complement
Clean White
#FFFFFF
Crisp Modern Canvas
Soft Champagne
#FDF6EC
Warm Subtle Surface

Export Coral Pink Code Snippets

CSS Variable --color-coral-pink: #F88379;
Tailwind Config 'coral-pink': '#F88379'
Swift / SwiftUI Color(hex: "#F88379")
JSON Design Token {"name": "Coral Pink", "hex": "#F88379"}

Frequently Asked Questions About Coral Pink (#F88379)

What is the exact HEX code for Coral Pink?

The exact HEX code for Coral Pink is #F88379. In 8-digit hexadecimal (with 100% opacity), it is #F88379FF. Its RGB decimal equivalent is rgb(248, 131, 121) and its HSL value is hsl(5deg, 90%, 72%).

What colors go best with Coral Pink in UI and web design?

Coral Pink pairs exceptionally well with Deep Indigo (#1E1B4B), Fresh Mint (#6EE7B7), Clean White (#FFFFFF), and Soft Champagne (#FDF6EC).

How do I use Coral Pink in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #F88379; or background-color: #F88379;. In Tailwind CSS, use arbitrary value syntax like bg-[#f88379] or text-[#f88379], or define it in your Tailwind v4 @theme block as --color-coral-pink: #F88379;.

Is Coral Pink WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Coral Pink achieves a contrast ratio of 2.46:1 (Fail). Against a pure black background (#000000), it achieves 8.52:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator