#FC6F55 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated coral-red demands attention. Because the hex code #fc6f55 is so intense, reserve it for specific UI accents or buttons rather than large backgrounds. It offers a 7.5:1 contrast ratio against black text, ensuring high readability for small interface elements. Use this shade when you need a bold, warm touch in your design.
Questions about #fc6f55
What is #fc6f55 in RGB, HSL and CMYK?
In RGB, #fc6f55 is rgb(252, 111, 85), in HSL hsl(9, 97%, 66%) and in CMYK 0%, 56%, 66%, 1%.
How should I use #fc6f55 in a user interface?
Because #fc6f55 is highly saturated, reserve it for high-impact UI elements like primary buttons or notification badges. It grabs attention immediately, so avoid using it for large backgrounds or body text where it can overwhelm the user's eye.
Is #fc6f55 readable on white or black?
#fc6f55 has a 2.78:1 contrast ratio on white and 7.54: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.