#E34234
Red family

Vermilion

Also known as: vivid · luminous · radiant · bold · intense
Save
Hex #E34234
RGB rgb(227, 66, 52)
HSL hsl(5°, 76%, 55%)
CMYK 0 · 71 · 77 · 11
RAL RAL 2012 · Salmon Orange
NCS S 1040-Y90R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In many cultures, vermilion symbolizes luck and prosperity, particularly in Chinese tradition where it is used in weddings and celebrations. Conversely, in Western contexts, it can evoke feelings of passion and danger, showcasing its dual nature.

The term 'vermillion' originates from the Latin 'vermiculus', meaning 'little worm', referencing the red dye made from crushed cochineal insects, used as early as the 8th century. By the 15th century, it became a staple for artists, notably used by painters like Titian and Raphael.

vividluminousradiantboldintense

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Vermilion. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 33 Reds →

Shades & tints

Nine steps of Vermilion by lightness — from #76221B (darkest) to #F09D95 (lightest). Click any to copy.

-40% #76221B
-30% #912A21
-20% #AD3228
-10% #C83A2E
BASE #E34234
+15% #E6594C
+30% #EA6F65
+50% #ED867D
+70% #F09D95

Complementary

Sitting opposite Vermilion at 185° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Vermilion.

#E34234
#FFB300
#FFFFFF
#A67C6D
#C7D3D4

Fiery Celebration

Joyful energy
#E34234
#4A4A4A
#F5F5F5
#B2C6B2
#7E5B3A

Earthy Contrast

Natural warmth
#E34234
#8E44AD
#F0E68C
#2C3E50
#D5DBDB

Elegant Fusion

Sophisticated balance

Vermilion scale

A 50–900 tonal scale with Vermilion anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FDF0EF
100 #FADDDA
200 #F4B7B2
300 #EF9189
400 #E96A5F
500 #E34234
600 #BA362B
700 #962C22
800 #72211A
900 #4D1612

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 5.1:1
Vermilion as text on… Ratio AA AAA
Aa White background 4.12:1 Large only Fail
Aa Black background 5.1:1 Pass Large only

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #E34234

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #E34234;
CSS color-mix (lighten 30%) color-mix(in srgb, #E34234 70%, white)
HSV / HSB 5°, 77%, 89%
CMYK (print) 0, 71, 77, 11
Decimal 14893620
Nearest web-safe #CC3333

Color vision

How Vermilion appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#E34234

Protanopia (no red)

#9D9C37

Deuteranopia (no green)

#A7B338

Tritanopia (no blue)

#DB3A3B
Carmine
6 / 33 Reds Firebrick
Copied!