#B3001B
#E63946
#F8E9E9
#1D1D1D
#E63946 · Vermilion
Click to copy#E63946 is a medium, highly saturated red color, closest to Vermilion and near Vermilion and Punch. In OKLCH it has 61% lightness and 0.21 chroma at hue 22°. Red suggests energy, urgency and appetite; it draws the eye faster than any other hue, which makes #E63946 a natural choice for calls to action, sale banners, food and sports brands. It appears in 4 ColorSwoop palettes.
Color codes click to copy
HEX
#E63946RGB
rgb(230, 57, 70)HSL
hsl(355, 78%, 56%)CMYK
0, 75, 70, 10CSS var
--vermilionContrast
4.17:1 white · 5.04:1 blackSimilar named colors
How to use #E63946
Black text passes WCAG AA on #E63946 (5.04:1); white text does not (4.17:1).
For a calm scheme pair #E63946 with its analogous neighbors #E6379D and #E68037; for contrast use its complement #37E6D8 as a small accent, and anchor everything with a neutral such as #1F1F24.
--vermilion: #E63946;
$vermilion: #E63946;
colors: { 'vermilion': '#E63946' }