What is color #e34234?
The color Vermilion (#e34234) belongs to the red family and reads as commanding. It sits at 5° on the color wheel with 76% saturation.
Designers in editorial design and fashion often reach for this mid red when they want to communicate urgency.
#e34234 holds a luminance that keeps type legible on both light and dark backgrounds. To deploy it effectively, anchor it with a deeper version of the same hue for sophistication or contrast it sharply with #34d5e3.
Conversions for #e34234
HEX
#e34234
RGB
227, 66, 52
HSL
5°, 76%, 55%
HSV
5°, 77%, 89%
CMYK
0%, 71%, 77%, 11%
XYZ
34.25, 20.48, 5.40
CIE-Lab
52.37, 61.09, 44.42
Web safe
#cc3333
WCAG accessibility of #e34234 (Vermilion)
On white
4.12 : 1
Sample #e34234
Rating: AA Large
On black
5.10 : 1
Sample #e34234
Rating: AA
Tones of Vermilion (desaturated variations of #e34234)
Color harmonies for #e34234
Colors similar to #e34234
Gradients featuring #e34234
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #e34234
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #e34234
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #e34234.
const color = "#e34234";
CSS & Tailwind snippets for #e34234
Background
.bg-e34234 { background-color: #e34234; }Text color
.text-e34234 { color: #e34234; }Border
.border-e34234 { border: 1px solid #e34234; }Box shadow
.shadow-e34234 { box-shadow: 0 4px 14px #e3423440; }CSS variable
:root { --color-e34234: #e34234; }Tailwind config
colors: {
'vermilion': '#e34234',
}