#FF2543 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red creates an immediate impact with its high-intensity, beaming quality. Because #ff2543 demands attention, it works best as a 10% accent or a call-to-action button rather than a background color. Pair it with dark charcoal grays for a balanced, modern look. Black text remains legible on this shade, meeting accessibility standards for small body text. Use #ff2543 sparingly to keep your design readable.
Questions about #ff2543
What is #ff2543 in RGB, HSL and CMYK?
In RGB, #ff2543 is rgb(255, 37, 67), in HSL hsl(352, 100%, 57%) and in CMYK 0%, 85%, 74%, 0%.
How can I effectively use #ff2543 in UI design?
Because #ff2543 is exceptionally saturated, it functions best as a small accent rather than a primary background color. Limit its usage to high-priority elements like conversion buttons to ensure it creates urgency without overwhelming the user interface.
Which colors pair well with #ff2543?
This bright red balances beautifully against deep, neutral tones like charcoal or slate gray. By grounding the intensity of #ff2543 with a dark, muted neutral, you create a sophisticated contrast that keeps the design readable and visually composed.
Is #ff2543 readable on white or black?
#ff2543 has a 3.75:1 contrast ratio on white and 5.59: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.