Vermilion

#E73121

What color is Vermilion?

Vermilion is a vivid, warm red with a slight orange push, hex #E73121, close to the color of a ripe tomato. It is bright without veering into pink, and its orange undertone gives it a fiery, sun-warmed quality.

What is the meaning of the color Vermilion?

Named from the Old French vermillon, derived from vermeil meaning bright red, the word entered English in the 13th century as a name for the pigment made from ground cinnabar, a mercury sulfide mineral mined in Spain and China. For centuries it was the most valued red pigment in European painting, used by Renaissance artists including Titian and Raphael in the 15th and 16th centuries. The Chinese imperial court also adopted the color extensively, using vermilion lacquer on palace architecture and official documents as a mark of authority. The Forbidden City in Beijing, constructed from 1406 to 1420, remains one of the most documented large-scale uses of vermilion in architecture.

RGB
231, 49, 33
HSL
5°, 80%, 52%
CMYK
0, 79, 86, 9
HSV
5°, 86%, 91%
Vermilion color

What colors go with Vermilion?

Colors that pair well with Vermilion include:
Navy Blue: sharp, cooling contrast
Ivory: soft, warm balance
Charcoal: grounded, strong depth
Gold: rich, fiery warmth
Forest Green: bold, natural contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E73121 color: #E73121;
RGB 231, 49, 33 color: rgb(231, 49, 33);
RGB Percentage 91%, 19%, 13% color: rgb(91%, 19%, 13%);
CMYK 0%, 79%, 86%, 9% Not supported in CSS
HSL 5°, 80%, 52% color: hsl(5, 80%, 52%);
HSV 5°, 86%, 91% Not supported in CSS
CIE-LAB 42, 36, 5 color: lab(42% 36 5);
Decimal 15151393 Not supported in CSS

Color Variations

Shades

#E73323
#D72818
#BF2315
#A71F13
#8F1B10
#77160D
#5F120B
#480D08

Tints

#F8C2BD
#F5ADA7
#F39991
#F0857B
#EE7065
#EB5C4F
#E94739
#E73323

Tones

#E73323
#DD3B2C
#D34336
#C94B40
#BF544A
#B65C54
#AC645D
#A26C67

Hues

#E73323
#E7C623
#74E723
#23E764
#23D6E7
#2343E7
#9523E7
#E723A5

Color Harmonies

Analogous

#E72374
Click to copy
#E73121
Click to copy
#E79523
Click to copy

Complementary

#E73121
Click to copy
#23D6E7
Click to copy

Split Complementary

#E73121
Click to copy
#23E795
Click to copy
#2374E7
Click to copy

Triadic

#E73121
Click to copy
#23E733
Click to copy
#3323E7
Click to copy

Tetradic

#E73121
Click to copy
#74E723
Click to copy
#23D6E7
Click to copy
#9523E7
Click to copy

Square

#E73121
Click to copy
#74E723
Click to copy
#23D6E7
Click to copy
#9523E7
Click to copy

CSS & Dev Snippets

CSS
.vermilion {
  color: #E73121;
}
SCSS
$vermilion: #E73121;
RGB
rgb(231, 49, 33)

Accessibility & Contrast

White background

4.32:1
4.32
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.86:1
4.86
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags