Light Vermilion is a medium-light, vivid shade in the red color family, with a warm feel. Its HEX code is #FF7452, which equals rgb(255, 116, 82) in RGB and hsl(12, 100%, 66%) in HSL. In print terms it converts to roughly C0 M55 Y68 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF7452 - RGB
255, 116, 82 - HSL
12°, 100%, 66% - CMYK
0, 55, 68, 0 - Family
Red - Tone
Medium-light, vivid
About Light 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 7.87:1. Its complementary color is #52DCFF.
Download Light 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…
Light Vermilion color codes
| HEX | #FF7452 |
|---|---|
| RGB | rgb(255, 116, 82) |
| HSL | hsl(12, 100%, 66%) |
| HSV | 12°, 68%, 100% |
| CMYK | 0%, 55%, 68%, 0% |
| Decimal | 16741458 |
Shades and tints of Light Vermilion
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFE8E2 - 100
#FFD1C5 - 200
#FFBAA9 - 300
#FFA28C - 400
#FF8B6F - 500
#FF7452 - 600
#D56144 - 700
#AA4D37 - 800
#803A29 - 900
#55271B - 950
#2B130E
Color harmonies for Light Vermilion
- Complementary
#52DCFF≈ Light Capri - Analogous −30°
#FF5286≈ Light Carmine - Analogous +30°
#FFCB52≈ Mustard - Triadic +120°
#52FF74≈ Light Kelly - Triadic +240°
#7452FF≈ Light Ultramarine - Split 150°
#52FFCB≈ Light Seafoam - Split 210°
#5286FF≈ Light Cornflower
Contrast and accessibility of Light Vermilion
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Vermilion | Aa | 2.67:1 | Fails |
| Black text on Light Vermilion | Aa | 7.87:1 | AAA (excellent) |
CSS code for Light Vermilion
background-color: #FF7452;color: #FF7452;background-color: rgb(255, 116, 82);background-color: hsl(12, 100%, 66%);:root { --color-light-vermilion: #FF7452; }class="bg-[#FF7452]"Colors similar to Light Vermilion
- Coral
#FF7F50 - Light Scarlet
#FF6352 - Light Cinnabar
#FF8652 - Tomato
#FF6347 - Light Bright Scarlet
#EE7163 - Light Bright Vermilion
#EE7F63 - Medium Light Bright Cinnabar
#EA723E - Light Bright Red
#EE6363 - Terracotta
#E2725B - Salmon
#FA8072 - Medium Light Bright Persimmon
#EA833E - Pale Red
#FF7A7A
More red shades
- Very Dark Vermilion
#5C1200 - Dark Vermilion
#851B00 - Deep Vermilion
#AD2300 - Medium Dark Vermilion
#D62B00 - Pure Vermilion
#FF3300 - Medium Light Vermilion
#FF5429 - Darkest Bright Vermilion
#2E0D05 - Very Dark Bright Vermilion
#531809 - Dark Bright Vermilion
#77220D - Deep Bright Vermilion
#9C2D11 - Medium Dark Bright Vermilion
#C13815
Frequently asked questions
What is the HEX code for Light Vermilion?
The HEX code for Light Vermilion is #FF7452.
What is the RGB value of Light Vermilion?
Light Vermilion has an RGB value of 255, 116, 82 (rgb(255, 116, 82)). In HSL it is 12°, 100%, 66%.
What text color should I use on Light Vermilion?
Use black text on Light Vermilion. White text has a contrast ratio of 2.67:1 and black text has 7.87:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Vermilion?
The complementary color of Light Vermilion is #52DCFF. Analogous colors #FF5286 and #FFCB52 also pair well.