#FF0A54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-octane pinkish-red commands immediate attention with its intense, saturated pigment. Because #ff0a54 is so visually aggressive, it works best as a surgical accent for buttons or alerts rather than a large background. It pairs surprisingly well with deep charcoal grays, which ground the color’s natural electricity. For accessibility, black text ensures clear readability over this vivid hue.
Questions about #ff0a54
What is #ff0a54 in RGB, HSL and CMYK?
In RGB, #ff0a54 is rgb(255, 10, 84), in HSL hsl(342, 100%, 52%) and in CMYK 0%, 96%, 67%, 0%.
How should I use #ff0a54 in a web interface?
Use #ff0a54 as a surgical accent for critical call-to-action buttons or alert states where you need to force immediate user focus. Avoid using this saturated hue for large background areas, as its intense pigment can quickly overwhelm the viewer and cause eye strain.
Which colors pair well with #ff0a54 for a balanced design?
Deep, neutral tones like charcoal or dark slate provide the necessary grounding to balance the electricity of #ff0a54. Keeping the surrounding palette muted prevents the colors from competing and keeps your interface accessible and professional.
Is #ff0a54 readable on white or black?
#ff0a54 has a 3.87:1 contrast ratio on white and 5.42: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.