#E05957 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense brick red carries a high chroma that commands attention immediately. Because of its saturated, warm nature, #e05957 is best reserved for impactful 10% accents like calls to action or UI alerts rather than large backgrounds. It pairs unexpectedly well with deep charcoal grays to ground its energy. The hex code #e05957 offers enough contrast for black text to remain legible for accessible design.
Questions about #e05957
What is #e05957 in RGB, HSL and CMYK?
In RGB, #e05957 is rgb(224, 89, 87), in HSL hsl(1, 69%, 61%) and in CMYK 0%, 60%, 61%, 12%.
How should I use #e05957 in my design system?
Use #e05957 sparingly as a high-impact accent color for UI calls-to-action, alerts, or error states. Its high chroma makes it visually loud, so keep it to roughly 10% of your layout to ensure it commands attention without overwhelming your primary palette.
Which colors pair well with #e05957?
Because #e05957 is an intense, warm brick red, it creates a grounded, professional contrast when paired with charcoal or slate grays. Avoid using it alongside other high-intensity warm colors, as this can create visual vibration and readability issues.
Is #e05957 readable on white or black?
#e05957 has a 3.66:1 contrast ratio on white and 5.73: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.