#F35068 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red commands attention through its saturated, warm, and unapologetic character. Because it is so loud, #f35068 works best as a sharp accent rather than a full page background. Pair it with dark charcoal or off-white to ground the intensity. Accessibility testing confirms black text provides strong contrast here, making it a reliable choice for buttons or notification alerts. The hex code for this red is #f35068.
Questions about #f35068
What is #f35068 in RGB, HSL and CMYK?
In RGB, #f35068 is rgb(243, 80, 104), in HSL hsl(351, 87%, 63%) and in CMYK 0%, 67%, 57%, 5%.
What colors pair best with #f35068?
Because #f35068 is such a loud, warm red, it grounds best against neutral, dark tones to maintain readability. Use it alongside deep charcoal or off-white to create a sharp, modern contrast that keeps the overall design feeling balanced rather than overwhelming.
Where should I use the color #f35068 in UI design?
This vibrant red functions best as a high-visibility accent rather than a background color. It is an excellent choice for interface elements like call-to-action buttons or urgent notification alerts, where you need to draw the eye immediately without sacrificing accessibility for your users.
Is #f35068 readable on white or black?
#f35068 has a 3.41:1 contrast ratio on white and 6.15:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.