Bright Vermilion is a medium, saturated shade in the red color family, with a warm feel. Its HEX code is #E64219, which equals rgb(230, 66, 25) in RGB and hsl(12, 80%, 50%) in HSL. In print terms it converts to roughly C0 M71 Y89 K10, although exact CMYK results depend on the paper and color profile.
- HEX
#E64219 - RGB
230, 66, 25 - HSL
12°, 80%, 50% - CMYK
0, 71, 89, 10 - Family
Red - Tone
Medium, saturated
About Bright Vermilion
Red shades carry energy, urgency and passion. They draw the eye first, which makes them a favorite for calls to action, sale banners, alerts and brands that want to feel bold. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 5.16:1. Its complementary color is #1ABDE6.
Download Bright Vermilion as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Bright Vermilion color codes
| HEX | #E64219 |
|---|---|
| RGB | rgb(230, 66, 25) |
| HSL | hsl(12, 80%, 50%) |
| HSV | 12°, 89%, 90% |
| CMYK | 0%, 71%, 89%, 10% |
| Decimal | 15090201 |
Shades and tints of Bright Vermilion
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FBE0D9 - 100
#F7C0B2 - 200
#F3A18C - 300
#EE8166 - 400
#EA623F - 500
#E64219 - 600
#C03715 - 700
#992C11 - 800
#73210D - 900
#4D1608 - 950
#260B04
Color harmonies for Bright Vermilion
- Complementary
#1ABDE6≈ Bright Peacock - Analogous −30°
#E61A57≈ Bright Ruby - Analogous +30°
#E6A81A≈ Bright Amber - Triadic +120°
#1AE642≈ Bright Emerald - Triadic +240°
#421AE6≈ Bright Indigo - Split 150°
#1AE6A8≈ Bright Aquamarine - Split 210°
#1A57E6≈ Bright Sapphire
Contrast and accessibility of Bright Vermilion
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Bright Vermilion | Aa | 4.07:1 | AA Large only |
| Black text on Bright Vermilion | Aa | 5.16:1 | AA (good) |
CSS code for Bright Vermilion
background-color: #E64219;color: #E64219;background-color: rgb(230, 66, 25);background-color: hsl(12, 80%, 50%);:root { --color-bright-vermilion: #E64219; }class="bg-[#E64219]"Colors similar to Bright Vermilion
- Cinnabar
#E44D2E - Vermilion
#E34234 - Bright Scarlet
#E62E19 - Bright Cinnabar
#E65719 - Medium Dark Cinnabar
#D64000 - Medium Light Scarlet
#FF3E29 - Medium Light Bright Red
#EA3E3E - Orange Red
#FF4500 - Soft Scarlet
#CC4233 - Medium Light Bright Scarlet
#EA4F3E - Pure Cinnabar
#FF4D00 - Medium Light Vermilion
#FF5429
More red shades
- Light Vermilion
#FF7452 - Darkest Bright Vermilion
#2E0D05 - Very Dark Bright Vermilion
#531809 - Dark Bright Vermilion
#77220D - Deep Bright Vermilion
#9C2D11 - Medium Dark Bright Vermilion
#C13815 - Medium Light Bright Vermilion
#EA603E - Light Bright Vermilion
#EE7F63 - Darkest Soft Vermilion
#29100A - Very Dark Soft Vermilion
#491D12 - Dark Soft Vermilion
#6A2A1B
Frequently asked questions
What is the HEX code for Bright Vermilion?
The HEX code for Bright Vermilion is #E64219.
What is the RGB value of Bright Vermilion?
Bright Vermilion has an RGB value of 230, 66, 25 (rgb(230, 66, 25)). In HSL it is 12°, 80%, 50%.
What text color should I use on Bright Vermilion?
Use black text on Bright Vermilion. White text has a contrast ratio of 4.07:1 and black text has 5.16:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Bright Vermilion?
The complementary color of Bright Vermilion is #1ABDE6. Analogous colors #E61A57 and #E6A81A also pair well.