#FF5A5F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff5a5f is a saturated, loud red that demands attention. Because it is so intense and beaming, it works best as a 10% accent color rather than a primary background. It pairs well with dark charcoals or even deeper brown tones for a sophisticated contrast. Black text remains readable against this hue, making it a functional choice for high-priority calls to action or alert indicators.
Questions about #ff5a5f
What is #ff5a5f in RGB, HSL and CMYK?
In RGB, #ff5a5f is rgb(255, 90, 95), in HSL hsl(358, 100%, 68%) and in CMYK 0%, 65%, 63%, 0%.
How do I use #ff5a5f effectively in design?
Because #ff5a5f is so saturated and beaming, it performs best as an accent color covering only about 10% of your layout. It pairs well with charcoal or deep brown tones to ground its intense energy.
Is #ff5a5f suitable for body text?
This red is generally too vibrant and visually demanding for large blocks of body text, which can cause significant eye strain. It functions most effectively for high-priority UI elements like call-to-action buttons, alert badges, or warning indicators.
Is #ff5a5f readable on white or black?
#ff5a5f has a 3.05:1 contrast ratio on white and 6.87: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.