Skip to content

Vermilion #e34234

The red empires signed in.

RGB
227, 66, 52
HSL
5°, 76%, 55%
CMYK
0, 71, 77, 11
Luminance
0.2048

About Vermilion

Vermilion, #e34234, is red-orange at ceremonial strength — the pigment of Chinese lacquer, Roman triumphs and manuscript rubrics. Between scarlet and tomato, it is red with an imperial seal on it.

History

Ground cinnabar (mercury sulfide) made vermilion precious and quietly toxic; China’s vermilion gates and emperor-only vermilion ink made it political. Renaissance painters prized it until cadmium and then chemistry retired the mercury.

Psychology

Vermilion is authority in warm form — red’s command with orange’s vitality. Shrine gates painted vermilion mark thresholds: the color signals “significant beyond this point.”

In design

Vermilion is a statement accent: hotter than brand red, more serious than orange. It pairs with ink black and gold (the lacquer palette), cream and jade. Text-wise it clears large-text AA on white (~4:1); body copy wants crimson instead.

In culture

Vermilion gates, vermilion birds of the south, rubrics (literally “red letters”): the pigment wrote sacred margins across three continents.

Brands that own vermilion

Shades of vermilion

Every format

HEX#e34234
RGBrgb(227, 66, 52)
HSLhsl(5, 76%, 55%)
CMYKcmyk(0%, 71%, 77%, 11%)
LABlab(52.4 61.1 44.4)
LCHlch(52.4 75.5 36.0)
OKLCHoklch(0.613 0.200 29.1)

Copy-ready code

/* CSS */
color: #e34234;
background-color: #e34234;
/* Tailwind (arbitrary) */
class="text-[#e34234] bg-[#e34234]"
/* SCSS */
$brand: #e34234;
/* SwiftUI */
Color(red: 0.890, green: 0.259, blue: 0.204)
/* Android */
Color.parseColor("#e34234")

Accessibility — WCAG contrast

Aa
#e34234 on white: 4.12:1
AA ✗ fail · AA-large · AAA
Aa
#e34234 on black: 5.10:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red89.0%
Green25.9%
Blue20.4%

CMYK percentages

Cyan0.0%
Magenta70.9%
Yellow77.1%
Key (black)11.0%

Color previews

#e34234 text on a black background

contrast 5.10:1

Card sample

#e34234 text on a white background

contrast 4.12:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #e34234;
Background color
Panel with #e34234 background
background-color: #e34234;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #e34234;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(227, 66, 52, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(227, 66, 52, 0.45);
Border & gradient
Gradient panel
border: 3px solid #e34234;
background: linear-gradient(135deg, #e34234, #E3B734);

Monochromatic scale

Palettes built from #e34234

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Vermilion, answered

What is the hex code for vermilion?

Vermilion is #e34234; East Asian lacquer reds run #c53a2b–#aa381e; cinnabar pigment maps near #e44d2e.

Vermilion vs scarlet?

Vermilion leans further orange and carries the pigment’s ceremonial history; scarlet stays redder and textile-associated. Both are display colors, not body text.

Why are shrine gates vermilion?

In East Asian tradition vermilion repels evil and marks sacred thresholds — and mercury-based paint practically preserved the wood.

Work with #e34234 in the Color Lab