#F75F5D Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f75f5d graphic
This saturated, high-energy shade demands attention, making it perfect for call-to-action buttons or urgent UI accents. Because of its intense brightness, #f75f5d is best used sparingly rather than as a large background. It pairs exceptionally well with dark, muted teals, which ground the red’s inherent warmth. With its strong contrast against black, this hex code ensures readability in small type or icon work.

Questions about #f75f5d

What is #f75f5d in RGB, HSL and CMYK?
In RGB, #f75f5d is rgb(247, 95, 93), in HSL hsl(1, 91%, 67%) and in CMYK 0%, 62%, 62%, 3%.
What colors pair well with #f75f5d?
#f75f5d looks best when grounded by dark, muted neutrals. Pairing this bright shade with charcoal or deep, dark teal provides the necessary contrast to balance its inherent warmth and prevent it from appearing overwhelming on a screen.
Is #f75f5d appropriate for large background areas?
Due to its intense brightness and high saturation, #f75f5d is generally too overwhelming for large background surfaces. It is much more effective when used sparingly for interactive elements, such as buttons, notification badges, or icon highlights that require user attention.
Is #f75f5d readable on white or black?
#f75f5d has a 3.11:1 contrast ratio on white and 6.74: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.