#6A040F
#DC2F02
#F48C06
#FFBA08
#DC2F02 · Vermilion
Click to copy#DC2F02 is a medium, highly saturated red color, closest to Vermilion and near Vermilion and Punch. In OKLCH it has 58% lightness and 0.21 chroma at hue 33°. Red suggests energy, urgency and appetite; it draws the eye faster than any other hue, which makes #DC2F02 a natural choice for calls to action, sale banners, food and sports brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#DC2F02RGB
rgb(220, 47, 2)HSL
hsl(12, 98%, 44%)CMYK
0, 79, 99, 14CSS var
--vermilionContrast
4.72:1 white · 4.45:1 blackSimilar named colors
How to use #DC2F02
White text passes WCAG AA on #DC2F02 (4.72:1); black does not, so keep dark text off it.
For a calm scheme pair #DC2F02 with its analogous neighbors #DE0244 and #DE9C02; for contrast use its complement #02B2DE as a small accent, and anchor everything with a neutral such as #F5F5F7.
--vermilion: #DC2F02;
$vermilion: #DC2F02;
colors: { 'vermilion': '#DC2F02' }