Pure Vermilion is a medium, vivid shade in the red color family, with a warm feel. Its HEX code is #FF3300, which equals rgb(255, 51, 0) in RGB and hsl(12, 100%, 50%) in HSL. In print terms it converts to roughly C0 M80 Y100 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF3300 - RGB
255, 51, 0 - HSL
12°, 100%, 50% - CMYK
0, 80, 100, 0 - Family
Red - Tone
Medium, vivid
About Pure 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 5.73:1. Its complementary color is #00CCFF.
Download Pure 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…
Pure Vermilion color codes
| HEX | #FF3300 |
|---|---|
| RGB | rgb(255, 51, 0) |
| HSL | hsl(12, 100%, 50%) |
| HSV | 12°, 100%, 100% |
| CMYK | 0%, 80%, 100%, 0% |
| Decimal | 16724736 |
Shades and tints of Pure Vermilion
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFDDD5 - 100
#FFBBAA - 200
#FF9980 - 300
#FF7755 - 400
#FF552B - 500
#FF3300 - 600
#D52B00 - 700
#AA2200 - 800
#801A00 - 900
#551100 - 950
#2B0900
Color harmonies for Pure Vermilion
- Complementary
#00CCFF≈ Deep Sky Blue - Analogous −30°
#FF004C≈ Pure Crimson - Analogous +30°
#FFB300≈ Pure Amber - Triadic +120°
#00FF33≈ Pure Kelly - Triadic +240°
#3300FF≈ Ultramarine - Split 150°
#00FFB3≈ Pure Turquoise - Split 210°
#004CFF≈ Pure Cobalt
Contrast and accessibility of Pure Vermilion
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Vermilion | Aa | 3.67:1 | AA Large only |
| Black text on Pure Vermilion | Aa | 5.73:1 | AA (good) |
CSS code for Pure Vermilion
background-color: #FF3300;color: #FF3300;background-color: rgb(255, 51, 0);background-color: hsl(12, 100%, 50%);:root { --color-pure-vermilion: #FF3300; }class="bg-[#FF3300]"Colors similar to Pure Vermilion
- Scarlet
#FF2400 - Orange Red
#FF4500 - Pure Scarlet
#FF1A00 - Pure Cinnabar
#FF4D00 - Bright Scarlet
#E62E19 - Medium Light Red
#FF2929 - Medium Light Scarlet
#FF3E29 - Bright Vermilion
#E64219 - Medium Dark Vermilion
#D62B00 - Medium Dark Cinnabar
#D64000 - Bright Red
#E61919 - Medium Light Vermilion
#FF5429
More red shades
- Light Dusty Scarlet
#BA9A97 - Darkest Vermilion
#330A00 - Very Dark Vermilion
#5C1200 - Dark Vermilion
#851B00 - Deep Vermilion
#AD2300 - Medium Dark Vermilion
#D62B00 - Medium Light Vermilion
#FF5429 - Light Vermilion
#FF7452 - Darkest Bright Vermilion
#2E0D05 - Very Dark Bright Vermilion
#531809 - Dark Bright Vermilion
#77220D
Frequently asked questions
What is the HEX code for Pure Vermilion?
The HEX code for Pure Vermilion is #FF3300.
What is the RGB value of Pure Vermilion?
Pure Vermilion has an RGB value of 255, 51, 0 (rgb(255, 51, 0)). In HSL it is 12°, 100%, 50%.
What text color should I use on Pure Vermilion?
Use black text on Pure Vermilion. White text has a contrast ratio of 3.67:1 and black text has 5.73:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Vermilion?
The complementary color of Pure Vermilion is #00CCFF. Analogous colors #FF004C and #FFB300 also pair well.