Lighter companion
Scarlet Silk Vivid
#EA7B71 · hsl(5, 74%, 68%)
RGB
rgb(228, 90, 78)
HSL
hsl(5, 74%, 60%)
CMYK
cmyk(0%, 61%, 66%, 11%)
Metrics
S 74% · L 60%
Contrast (WCAG)
on white
3.6:1AA Large
on black
5.9:1AA
About this color
Scarlet Tone Vivid (#E45A4E) belongs to the red family — hue 5°, 74% saturation, 60% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-scarlet-tone-vivid: #E45A4E; --colorarchive-scarlet-tone-vivid-hsl: hsl(5, 74%, 60%); --colorarchive-scarlet-tone-vivid-rgb: rgb(228, 90, 78); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Scarlet Radiant Vivid
#E14133 · hsl(5, 74%, 54%)
Complementary counterpoint
Aqua Tone Vivid
#4EE4E4 · hsl(180, 74%, 60%)
Analogous lead
Coral Tone Vivid
#E4994E · hsl(30, 74%, 60%)
Analogous echo
Garnet Tone Vivid
#E44E80 · hsl(340, 74%, 60%)
Triadic +120°
Emerald Tone Vivid
#4EE44E · hsl(120, 74%, 60%)
Triadic +240°
Amethyst Tone Vivid
#5A4EE4 · hsl(245, 74%, 60%)
Split-comp +150°
Jade Tone Vivid
#4EE499 · hsl(150, 74%, 60%)
Split-comp +210°
Sapphire Tone Vivid
#4E99E4 · hsl(210, 74%, 60%)
Export preview
Base: Scarlet Tone Vivid #E45A4E Lighter companion: Scarlet Silk Vivid #EA7B71 Darker companion: Scarlet Radiant Vivid #E14133 Complementary counterpoint: Aqua Tone Vivid #4EE4E4 Analogous lead: Coral Tone Vivid #E4994E Analogous echo: Garnet Tone Vivid #E44E80 Triadic +120°: Emerald Tone Vivid #4EE44E Triadic +240°: Amethyst Tone Vivid #5A4EE4 Split-comp +150°: Jade Tone Vivid #4EE499 Split-comp +210°: Sapphire Tone Vivid #4E99E4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Scarlet Radiant Vivid
#E14133 · hsl(5, 74%, 54%)
Nearby match
Scarlet Tone Bright
#EF5243 · hsl(5, 84%, 60%)
Nearby match
Crimson Tone Vivid
#E44E4E · hsl(0, 74%, 60%)
Nearby match
Ruby Tone Vivid
#E4674E · hsl(10, 74%, 60%)
Nearby match
Scarlet Silk Vivid
#EA7B71 · hsl(5, 74%, 68%)
Nearby match
Scarlet Tone Pure
#F74B3B · hsl(5, 92%, 60%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#BFC752
Protanopia
#B9B851
Tritanopia
#E05354
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.