#E2485F Hex Color

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

Hex color #e2485f graphic
This saturated, high-energy red demands immediate attention. Because of its intensity, #e2485f functions best as a small accent rather than a background color. It creates strong visual impact in call-to-action buttons or highlights. Pair it with dark grays or cool blues to balance its inherent heat. The hex code for this vivid red is #e2485f, and it provides enough contrast for black text to remain legible.

Questions about #e2485f

What is #e2485f in RGB, HSL and CMYK?
In RGB, #e2485f is rgb(226, 72, 95), in HSL hsl(351, 73%, 58%) and in CMYK 0%, 68%, 58%, 11%.
How should I use #e2485f in a professional design layout?
Because #e2485f possesses high intensity and saturated heat, it functions best as a focused accent rather than a background color. Use it sparingly for call-to-action buttons or error states to guide user attention without overwhelming the viewer's eyes.
Which colors pair best with #e2485f to create a balanced palette?
Pair #e2485f with dark neutrals like charcoal or deep navy to anchor its inherent brightness. These cooler, darker tones absorb the intensity of the red, creating a sophisticated contrast that keeps your design readable and grounded.
Is #e2485f readable on white or black?
#e2485f has a 3.94:1 contrast ratio on white and 5.32: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.