#E63946 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#e63946 is a high-saturation red with immense intensity. Because it demands immediate attention, use it sparingly as a 10% accent color rather than a large background. It pairs effectively with deep charcoal grays for a modern, grounded look. Black text offers 5.0:1 contrast against this hex code, but keep this color limited to small UI elements to prevent overwhelming the viewer.
Questions about #e63946
What is #e63946 in RGB, HSL and CMYK?
In RGB, #e63946 is rgb(230, 57, 70), in HSL hsl(355, 78%, 56%) and in CMYK 0%, 75%, 70%, 10%.
How should #e63946 be used in UI design?
#e63946 functions best as a high-impact accent color rather than a primary background shade. Limit its presence to approximately 10 percent of your interface to draw the eye toward critical call-to-action buttons or important notifications without causing visual fatigue.
What colors pair well with #e63946?
Pair #e63946 with deep charcoal or soft off-whites to balance its intensity. Using neutral backgrounds allows this red to pop effectively, whereas pairing it with other highly saturated colors will create vibration and make the design difficult to read.
Is #e63946 readable on white or black?
#e63946 has a 4.16:1 contrast ratio on white and 5.03: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.