#F34530 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated orange-red demands immediate attention. Because #f34530 is so intense, use it sparingly as an accent rather than a background color. It pairs surprisingly well with dark teals or charcoal grays to ground its high energy. With a contrast ratio of 5.7:1, black text remains legible against this shade. The hex code for this bold color is #f34530.
Questions about #f34530
What is #f34530 in RGB, HSL and CMYK?
In RGB, #f34530 is rgb(243, 69, 48), in HSL hsl(6, 89%, 57%) and in CMYK 0%, 72%, 80%, 5%.
How should I use #f34530 in interface design?
Use #f34530 sparingly as an accent color for calls-to-action or critical error alerts, as its high saturation can quickly overwhelm a layout if used as a background. It maintains great visibility when paired with dark charcoal gray or deep off-white text.
Does #f34530 work well with dark mode themes?
Yes, #f34530 provides excellent contrast against dark backgrounds, making it a punchy choice for active states or highlights in night-mode interfaces. It reads as a warm, electric orange-red that stays legible and maintains its visual impact without needing extra brightness.
Is #f34530 readable on white or black?
#f34530 has a 3.68:1 contrast ratio on white and 5.70: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.