#F50967 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated shade commands attention with high intensity and urgent energy. Use #f50967 sparingly as an accent rather than a background, as its extreme brightness overwhelms most interfaces. Pair it with dark grays or clean white to maintain readability. Because it offers excellent contrast for black text, it works well for buttons and other shades of red are available if this tone feels too loud.
Questions about #f50967
What is #f50967 in RGB, HSL and CMYK?
In RGB, #f50967 is rgb(245, 9, 103), in HSL hsl(336, 93%, 50%) and in CMYK 0%, 96%, 58%, 4%.
How should #f50967 be used in a design layout?
Because #f50967 is extremely high-intensity, it often overwhelms standard interfaces when used as a background. Instead, utilize this hex color for call-to-action buttons or small visual elements where you need to grab attention immediately against charcoal or white.
Which colors balance the high vibrancy of #f50967?
Neutralizing the boldness of #f50967 requires pairing it with subdued colors that do not compete for visual dominance. It creates a striking, modern contrast when placed alongside deep charcoal or soft off-white, preventing the saturation from becoming visually exhausting to the viewer.
Is #f50967 readable on white or black?
#f50967 has a 4.10:1 contrast ratio on white and 5.11: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.