
A calibrated colorimetric swatch representing vermilion (#E34234), characterized by intense fiery orange-red chrominance, ancient cinnabar mineral opacity, and high optical energy.
A calibrated colorimetric swatch representing vermilion (#E34234) commands immediate attention with its radiant, high-energy orange-red chrominance. Derived from the ancient mineral pigment cinnabar (mercuric sulfide), the swatch occupies a celebrated position in fine art history, projecting a fiery, incandescent heat that stands in sharp contrast to the cool, blue-leaning dignity of ruby or crimson. Operating at an 8-bit digital red channel coordinate of 227 paired with a green coordinate of 66 and a blue coordinate of 52, vermilion delivers a blaze of long-wave optical energy that immediately triggers primal human attention circuits.
Across the centered square composition, the visual texture exhibits flawless spatial consistency and high optical density. The saturation registers at a powerful 77.1 percent in cylindrical HSL space, held at a balanced mid-tier lightness value of 54.7 percent. This balance ensures that vermilion never appears washed out or pastel, nor does it collapse into the heavy, brownish darkness of rust or terracotta. The subtle elevation of the green channel (66) above the blue channel (52) is the vital colorimetric factor that infuses the red foundation with its signature orange flare, simulating the luminous glow of fresh embers and carved imperial Chinese lacquer.
In environmental and interface lighting contexts, vermilion exhibits extraordinary visual authority. Against clean white backgrounds, the swatch creates a bold, arresting focal point that signals high importance, vitality, and celebration. When viewed on dark slate or pitch-black OLED surfaces, vermilion undergoes a dramatic chromatic expansion: its long-wave photons appear to project forward into physical space, creating an unforgettable impression of ancient alchemical fire and ceremonial splendor.
The objective colorimetric profile of vermilion (#E34234) is formalized across all international color models, establishing rigorous mathematical standards for digital rendering, fine art conservation, architectural preservation, and lithographic print reproduction.
Color Model | Component Coordinates (Target Column) | Normalized Mathematical Range | Interpretation & Color Space Semantics |
|---|---|---|---|
| Hexadecimal | #E34234 | Base-16: E3 (227), 42 (66), 34 (52) | Standard 24-bit sRGB hex triplet |
| sRGB (8-bit) | R: 227, G: 66, B: 52 | Integers [0, 255] | Primary display coordinate space (IEC 61966-2-1) |
| sRGB (Float) | R: 0.8902, G: 0.2588, B: 0.2039 | Floating-point [0.0000, 1.0000] | Linearized normalized display values |
| HSL | H: 4.8 deg, S: 77.1%, L: 54.7% | Angle [0, 360], Percent [0, 100] | Cylindrical polar coordinate system |
| HSV / HSB | H: 4.8 deg, S: 77.1%, V: 89.0% | Angle [0, 360], Percent [0, 100] | Hexcone hue, saturation, and brightness |
| CMYK | C: 0%, M: 71%, Y: 77%, K: 11% | Process ink percentages [0, 100] | Subtractive four-color lithographic inks |
| CIE 1931 XYZ | X: 0.3789, Y: 0.2001, Z: 0.0572 | Absolute tristimulus under D65 | Standard observer color matching functions |
| CIE 1976 L\*a\*b\ | L\: 51.85, a\: +60.74, b\*: +44.81 | L\ [0, 100], a\, b\* [-128, 127] | Perceptually uniform opponent-color space |
| CIE 1976 L\*u\*v\ | L\: 51.85, u\: +118.45, v\*: +48.12 | Uniform chromaticity coordinates | CRT phosphor and additive display metrics |
| OKLCH | L: 0.5842, C: 0.2045, H: 34.12 deg | L [0, 1], C [0, 0.4], H [0, 360] | Modern CSS Color 4 perceptual coordinate system |
| Binary Base-2 | R: 11100011, G: 01000010, B: 00110100 | 8 bits per channel byte string | Machine-level hardware frame buffer state |
The mathematical conversion from non-linear sRGB coordinates to the CIE 1931 XYZ system requires applying the inverse sRGB gamma transfer function:
$$\gamma(C) = \begin{cases} \frac{C}{12.92} & C \le 0.04045 \\ \left(\frac{C + 0.055}{1.055}\right)^{2.4} & C > 0.04045 \end{cases}$$
Evaluating linear values for vermilion:
Multiplying by the standard sRGB-to-XYZ transformation matrix under D65:
$$\begin{bmatrix} X \\ Y \\ Z \end{bmatrix} = \begin{bmatrix} 0.4124564 & 0.3575761 & 0.1804375 \\ 0.2126729 & 0.7151522 & 0.0721750 \\ 0.0193339 & 0.1191920 & 0.9503041 \end{bmatrix} \begin{bmatrix} 0.7634 \\ 0.0544 \\ 0.0337 \end{bmatrix} = \begin{bmatrix} 0.3789 \\ 0.2001 \\ 0.0572 \end{bmatrix}$$
From this tristimulus vector, CIE L\a\b\* coordinates are derived:
This massive $a^$ value (+60.74) places vermilion among the most chromatically aggressive red shades in the entire visible spectrum. The substantial yellow component ($b^ = +44.81$) pulls the perceived hue directly toward the fiery scarlet-orange boundary, preventing any emergence of blue or magenta undertones.
Vermilion represents an epic narrative in science and culture, uniting semiconductor physics, ancient cinnabar mining, medieval alchemy, imperial Chinese lacquer artistry, and modern digital interface dynamics.
The physical color of genuine vermilion is rooted in the solid-state physics of direct bandgap semiconductors:
At the quantum mechanical level:
This sharp, step-like quantum absorption edge produces a brilliant spectral reflectance profile with an extremely steep cutoff, giving vermilion a dominant spectral wavelength of 612.4 nanometers and an optical photon frequency of 489.5 Terahertz.
Vermilion holds a uniquely dramatic position in human technology and art history:
Historically, natural cinnabar was mined under perilous conditions in Almaden (Spain), Idrija (Slovenia), and western Hunan Province in China. In imperial China, cinnabar was revered by Daoist alchemists as the physical elixir of immortality. It was processed into pure vermilion by dry alchemical sublimation: liquid elemental mercury was heated with crushed sulfur in sealed earthenware retorts to form a black compound (amorphous HgS), which was then sublimated at high temperatures to recrystallize into the brilliant red alpha-HgS phase.
In ancient Rome, cinnabar was so valuable that its price was fixed by imperial law, and fresco painters reserved it for sacred temple sanctuaries, most famously preserved today in the vibrant walls of the Villa of the Mysteries at Pompeii.
Despite its legendary brilliance, historic mercury vermilion suffers from a notorious chemical defect: under prolonged exposure to sunlight and atmospheric halides (chlorine ions), red alpha-HgS undergoes a light-induced phase transformation into black metacinnabar ($\beta\text{-HgS}$) and elemental mercury micro-droplets. This photochemical blackening darkened the red draperies in paintings by Titian, Giotto, and Rubens over centuries of museum display.
In modern art materials and digital reproduction:
The neural processing of vermilion (#E34234) unleashes powerful physiological activation in the human observer:
Because vermilion delivers an intense concentration of photons between 600 and 650 nm:
The retina's midget ganglion cells transmit an overwhelming positive $(L - M)$ signal through the parvocellular visual pathway to the lateral geniculate nucleus (LGN) and visual cortex (areas V1, V2, and V4). Because the human visual system is evolutionary tuned to detect long-wave red cues as markers of danger, ripe nutrition, and blood, vermilion captures visual attention faster than virtually any other hue.
In modern digital interface systems, vermilion (#E34234) serves as an authoritative high-severity alert token and premier call-to-action color:
:root {
/* Vermilion Color Palette - Solid Design System Tokens */
--color-vermilion-50: #fdf3f2;
--color-vermilion-100: #fde5e3;
--color-vermilion-200: #fcd0cc;
--color-vermilion-300: #faaba3;
--color-vermilion-400: #f4796d;
--color-vermilion-500: #e34234; /* Canonical Base Brand Token */
--color-vermilion-600: #cc3022;
--color-vermilion-700: #ab251a;
--color-vermilion-800: #8d2218;
--color-vermilion-900: #74221a;
--color-vermilion-950: #400d07;
/* Semantic UI Tokens */
--vermilion-action-primary: var(--color-vermilion-500);
--vermilion-action-hover: var(--color-vermilion-600);
--vermilion-alert-badge: var(--color-vermilion-100);
--vermilion-alert-border: var(--color-vermilion-500);
--vermilion-alert-text: var(--color-vermilion-800);
--vermilion-text-on-dark: var(--color-vermilion-400);
/* Translucent Interactive Overlays (GPU Overdraw Safe) */
--vermilion-alpha-hover: rgba(227, 66, 52, 0.08);
--vermilion-alpha-focus: rgba(227, 66, 52, 0.16);
--vermilion-alpha-selected: rgba(227, 66, 52, 0.12);
}module.exports = {
theme: {
extend: {
colors: {
vermilion: {
50: "#fdf3f2",
100: "#fde5e3",
200: "#fcd0cc",
300: "#faaba3",
400: "#f4796d",
500: "#e34234", // Core canonical token
600: "#cc3022",
700: "#ab251a",
800: "#8d2218",
900: "#74221a",
950: "#400d07",
},
},
},
},
};Distinguishing vermilion from neighboring scarlet, coquelicot, crimson, and rust shades requires calibrated evaluation of hue angle, chroma, and lightness:
Color Name | Hex Code (Target Column) | CIE L\* | CIE a\* | CIE b\* | Hue Angle | Saturation | Primary Diagnostic Distinction |
|---|---|---|---|---|---|---|---|
| Vermilion | #E34234 | 51.85 | +60.74 | +44.81 | 4.8 deg | 77.1% | Fiery, saturated orange-red with dense mineral opacity |
| Coquelicot | #FF3800 | 55.42 | +69.12 | +67.85 | 13.0 deg | 100.0% | Brighter, high-chroma wild poppy scarlet; zero black ink |
| Scarlet | #FF2400 | 53.12 | +71.25 | +62.15 | 8.0 deg | 100.0% | Extreme electric orange-red; higher saturation and lightness |
| Crimson | #DC143C | 44.82 | +69.31 | +34.12 | 348.0 deg | 83.3% | Cool-leaning royal red; contains subtle violet undertone |
| Rust | #B7410E | 43.28 | +45.62 | +52.14 | 18.1 deg | 85.8% | Darker, grittier iron-oxide earth tone ($L^* 43$ vs 52) |
Metric / Specification | Value / Technical Measurement (Target Column) | Notes & Standards |
|---|---|---|
| Color Name | Vermilion | Classical Mineral & Alchemical Standard |
| Hexadecimal Triplet | #E34234 | 24-bit sRGB color space representation |
| RGB Channel Coordinates | R: 227, G: 66, B: 52 | 8-bit per channel integers [0, 255] |
| HSL Cylindrical Values | 4.8 deg, 77.1%, 54.7% | Hue angle, saturation, lightness |
| HSV / HSB Values | 4.8 deg, 77.1%, 89.0% | Hue, saturation, brightness |
| CMYK Process Inks | C: 0%, M: 71%, Y: 77%, K: 11% | Standard lithographic four-color offset inks |
| CIE 1976 L\*a\*b\ | L\: 51.85, a\: +60.74, b\*: +44.81 | Perceptually uniform D65 reference |
| CIE 1931 XYZ Tristimulus | X: 0.3789, Y: 0.2001, Z: 0.0572 | D65 2-degree standard observer |
| Dominant Wavelength ($\lambda$) | 612.4 nanometers | Orange-red boundary of visible spectrum |
| Photon Optical Frequency | ~489.5 Terahertz (THz) | Wave frequency ($f = c/\lambda$) |
| Exact Complementary Color | #34D5E3 (Cyan-Marine Blue) | Opposite hue angle on color wheel (184.8 deg) |
| Split-Complementary Palette | #34E39B (Mint Cyan) & #347DE3 (Cobalt Blue) | +/- 150 degrees from primary hue angle |
| Triadic Harmony Palette | #34E342 (Spring Green) & #4234E3 (Electric Blue) | Equidistant 120-degree triad |
| Tetradic (Square) Scheme | #E3D534, #34D5E3, #4234E3 | 90-degree orthogonal square distribution |
| Analogous Neighbor Hues | #E3347D (Cerise) & #E39B34 (Amber Gold) | Adjacent +/- 30 degrees on chromatic wheel |
| Closest Pantone Matching | Pantone 179 C / Pantone 17-1563 TCX | Global textile and graphic standard |
| Munsell Color Notation | 7.5R 5/14 | 7.5 Red, Value 5, Chroma 14 |
| Temperature Classification | Warm High-Chroma Secondary Red | Peak physiological and emotional warmth |
| Web Safe Approximation | #CC3333 | Historical 216-color browser palette match |
| ASTM Lightfastness Category | Class I (Modern Naphthol/Cadmium Mimic) | Completely permanent non-fading standard |
| WCAG Contrast on White | 3.32:1 (PASSES WCAG AA Large Text / UI) | Compliant for bold headings and buttons |
| WCAG Contrast on Black | 6.33:1 (PASSES WCAG AA Normal Text) | Highly legible, energetic contrast on dark UI |
In competitive PicRush image recognition challenges, locking in vermilion within fractions of a second requires sharp pattern-recognition shortcuts:
crimson or ruby.rust.orange.vermilion.vermilion, vermillion, or cinnabar to score full credit immediately.Practice identifying different colors pictures and discover more items to guess in PicRush.

Curated Reference Specimen

Curated Reference Specimen

Curated Reference Specimen

Curated Reference Specimen

Curated Reference Specimen

Curated Reference Specimen
Common questions, fun facts, and identification clues about the Vermilion.
In color science, vermilion is classified as a warm red with a strong secondary orange component. In cylindrical HSL space, vermilion sits at a hue angle of 4.8 degrees, placing it just north of pure red (0 degrees) toward orange (30 degrees). In CIELAB space, its red coordinate ($a^* = +60.74$) is dominant, but its yellow coordinate ($b^* = +44.81$) is exceptionally strong, ensuring that the human visual system perceives it as a fiery, glowing orange-red.
Cinnabar is the naturally occurring mineral form of mercuric sulfide ($\alpha\text{-HgS}$), extracted from hydrothermal veins and volcanic deposits. Vermilion historically refers to the refined, purified, or artificially synthesized pigment manufactured by grinding cinnabar or chemically sublimating mercury and sulfur. Chemically, both share the same composition, but synthesized vermilion produces much finer, more uniform particles with higher chromatic brilliance.
Because authentic mercury vermilion is toxic and prone to photochemical blackening, contemporary fine artists mix archival vermilion using safe alternatives: - Start with Cadmium Red Light (PR108) or Pyrrole Red (PR254) as your vibrant red foundation. - Add a small amount of Cadmium Orange (PO20) or Hansa Yellow Deep (PY65) to pull the hue into the warm 5-degree orange-red sector. - To replicate the opaque, heavy mineral hiding power of cinnabar, ensure the paints used are single-pigment opaques rather than transparent glazing lakes.
The fundamental difference between vermilion (#E34234) and crimson (#DC143C) is color temperature and undertone. Crimson sits at a hue angle of 348 degrees with a negative angle offset that imparts a cool, bluish-pink undertone. Vermilion sits at 4.8 degrees with a positive angle offset that imparts an intense, fiery yellowish-orange undertone. Crimson is royal and introspective; vermilion is fiery, extroverted, and ceremonial.
Vermilion (#E34234) produces a 3.32:1 contrast ratio against pure white (#FFFFFF), successfully passing WCAG 2.1 Level AA for large text (minimum 3.0:1) and graphical user interface components (such as interactive button backgrounds and icon containers). On dark mode surfaces (such as #121212 or pure black), vermilion achieves a strong **6.33:1 contrast ratio**, easily satisfying WCAG AA standards for normal body text and creating an exhilarating, high-visibility call-to-action color.
Challenge yourself across hundreds of high-definition Colors photos in our fast-paced 15-second timed multiplayer rounds.