Vermilion color: code #E34234
Vermilion
#E34234
Color codes
- HEX
#E34234 - RGB
rgb(227, 66, 52) - HSL
hsl(5, 76%, 55%) - HSV
hsv(5, 77%, 89%) - CMYK
cmyk(0%, 71%, 77%, 11%) - LAB
lab(52.4% 61.1 44.4) - OKLCH
oklch(61.3% 0.2 29.1)
About the color Vermilion
Vermilion has the HEX code #E34234, which corresponds to rgb(227, 66, 52) in the RGB model. On the color wheel its hue sits at 5°, with 76% saturation and 55% lightness (hsl(5, 76%, 55%)).
Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.
As a background it calls for dark text: black reaches a 5.09:1 contrast ratio on it, versus 4.12:1 for white.
For print, the approximate conversion is cmyk(0%, 71%, 77%, 11%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Vermilion
Complementary
#E34234 · #35D5E3
Analogous
#E3357E · #E34234 · #E39B35
Triadic
#E34234 · #35E344 · #4435E3
Tetradic
#E34234 · #7EE335 · #35D5E3 · #9B35E3
Split-complementary
#E34234 · #35E39B · #357EE3
Monochromatic
#871C12 · #CA2A1C · #E34234 · #ED8278 · #F6C1BC
Vermilion with white and black text
How to use it in CSS
:root {
--color-vermilion: #E34234;
--color-vermilion-rgb: 227, 66, 52;
}
.elemento {
background-color: var(--color-vermilion);
color: #000000;
}