#F78C6C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, coral-leaning shade brings immediate energy to a design. Because #f78c6c is high in saturation and brightness, it works best as a vibrant accent color rather than a large background field. Use it to draw the eye toward important UI elements like buttons or notification badges. Black text pairs perfectly with this tone, ensuring clear, accessible readability.
Questions about #f78c6c
What is #f78c6c in RGB, HSL and CMYK?
In RGB, #f78c6c is rgb(247, 140, 108), in HSL hsl(14, 90%, 70%) and in CMYK 0%, 43%, 56%, 3%.
Does #f78c6c work well with dark mode text?
#f78c6c pairs exceptionally well with charcoal or near-black text, providing high contrast and clear readability. Because this color is quite bright, avoiding pure white text is recommended to prevent eye strain and maintain a balanced, comfortable visual hierarchy.
When should I choose #f78c6c over a standard orange?
Choose #f78c6c when your project requires a softer, more modern aesthetic than traditional primary orange hues. Its coral leanings bring a friendly, approachable energy that feels less aggressive, making it highly effective for call-to-action buttons or highlights in modern digital interfaces.
Is #f78c6c readable on white or black?
#f78c6c has a 2.35:1 contrast ratio on white and 8.92: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.