#FF5165 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity, saturated pink-red commands immediate attention. Because it is so loud and aggressive, use the hex code #ff5165 sparingly as a 10% accent color for calls to action rather than a background. It pairs exceptionally well with charcoal grays or deep navies to anchor its brightness. Black text reads clearly against this shade, making it a viable choice for bold, urgent interface highlights.
Questions about #ff5165
What is #ff5165 in RGB, HSL and CMYK?
In RGB, #ff5165 is rgb(255, 81, 101), in HSL hsl(353, 100%, 66%) and in CMYK 0%, 68%, 60%, 0%.
How should I effectively use #ff5165 in interface design?
#ff5165 is an extremely loud and aggressive color, so it works best when limited to small, strategic areas like call-to-action buttons or urgent alerts. Use it as a 10% accent color to maintain visual balance without overwhelming your interface.
What colors pair well with #ff5165 for a balanced palette?
Is #ff5165 readable on white or black?
#ff5165 has a 3.17:1 contrast ratio on white and 6.61: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.