Coral Pink
A warm and energetic coral pink
Coral Pink is a warm, high-energy tone with enough saturation to grab immediate attention without feeling aggressive. The hex code #f88379 works best as a 10% accent in UI elements like buttons or notification badges. Because it offers strong contrast against black text, you can use it confidently for actionable design components that require quick user recognition.
Questions about Coral Pink
What is the hex code for Coral Pink?
Coral Pink is #f88379. In RGB that is rgb(248, 131, 121), in HSL hsl(5, 90%, 72%) and in CMYK 0%, 47%, 51%, 3%.
What UI design elements work best with #f88379?
Use #f88379 sparingly as a 10% accent color for interactive elements like buttons, call-to-action links, or notification badges. Because it has high visibility and strong contrast against black text, it draws the eye immediately without feeling overly aggressive or cluttered.
Is Coral Pink readable on white or black?
Coral Pink has a 2.46:1 contrast ratio on white and 8.51:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.