Light Scarlet is a medium-light, vivid shade in the red color family, with a warm feel. Its HEX code is #FF6352, which equals rgb(255, 99, 82) in RGB and hsl(6, 100%, 66%) in HSL. In print terms it converts to roughly C0 M61 Y68 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FF6352 - RGB
255, 99, 82 - HSL
6°, 100%, 66% - CMYK
0, 61, 68, 0 - Family
Red - Tone
Medium-light, vivid
About Light Scarlet
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 7.16:1. Its complementary color is #52EEFF.
Download Light Scarlet 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 Scarlet color codes
| HEX | #FF6352 |
|---|---|
| RGB | rgb(255, 99, 82) |
| HSL | hsl(6, 100%, 66%) |
| HSV | 6°, 68%, 100% |
| CMYK | 0%, 61%, 68%, 0% |
| Decimal | 16737106 |
Shades and tints of Light Scarlet
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFE5E2 - 100
#FFCBC5 - 200
#FFB1A9 - 300
#FF978C - 400
#FF7D6F - 500
#FF6352 - 600
#D55344 - 700
#AA4237 - 800
#803229 - 900
#55211B - 950
#2B110E
Color harmonies for Light Scarlet
- Complementary
#52EEFF≈ Light Cyan Tone - Analogous −30°
#FF5297≈ Light Blush - Analogous +30°
#FFBA52≈ Light Amber - Triadic +120°
#52FF63≈ Light Green Tone - Triadic +240°
#6352FF≈ Light Blue Tone - Split 150°
#52FFBA≈ Light Aquamarine - Split 210°
#5297FF≈ Light Cerulean
Contrast and accessibility of Light Scarlet
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Scarlet | Aa | 2.93:1 | Fails |
| Black text on Light Scarlet | Aa | 7.16:1 | AAA (excellent) |
CSS code for Light Scarlet
background-color: #FF6352;color: #FF6352;background-color: rgb(255, 99, 82);background-color: hsl(6, 100%, 66%);:root { --color-light-scarlet: #FF6352; }class="bg-[#FF6352]"Colors similar to Light Scarlet
- Tomato
#FF6347 - Light Red
#FF5252 - Light Vermilion
#FF7452 - Light Bright Red
#EE6363 - Light Cardinal
#FF5263 - Medium Light Bright Vermilion
#EA603E - Light Bright Scarlet
#EE7163 - Light Bright Cardinal
#EE6371 - Medium Light Bright Cinnabar
#EA723E - Coral
#FF7F50 - Light Crimson
#FF5274 - Medium Light Cinnabar
#FF6929
More red shades
- Very Dark Scarlet
#5C0900 - Dark Scarlet
#850D00 - Deep Scarlet
#AD1100 - Medium Dark Scarlet
#D61500 - Pure Scarlet
#FF1A00 - Medium Light Scarlet
#FF3E29 - Darkest Bright Scarlet
#2E0905 - Very Dark Bright Scarlet
#531109 - Dark Bright Scarlet
#77180D - Deep Bright Scarlet
#9C1F11 - Medium Dark Bright Scarlet
#C12715
Frequently asked questions
What is the HEX code for Light Scarlet?
The HEX code for Light Scarlet is #FF6352.
What is the RGB value of Light Scarlet?
Light Scarlet has an RGB value of 255, 99, 82 (rgb(255, 99, 82)). In HSL it is 6°, 100%, 66%.
What text color should I use on Light Scarlet?
Use black text on Light Scarlet. White text has a contrast ratio of 2.93:1 and black text has 7.16:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Scarlet?
The complementary color of Light Scarlet is #52EEFF. Analogous colors #FF5297 and #FFBA52 also pair well.