Lighter companion
Ember Tone Vivid
#E4804E · hsl(20, 74%, 60%)
RGB
rgb(225, 109, 51)
HSL
hsl(20, 74%, 54%)
CMYK
cmyk(0%, 52%, 77%, 12%)
Metrics
S 74% · L 54%
Contrast (WCAG)
on white
3.3:1AA Large
on black
6.4:1AA
About this color
Ember Radiant Vivid (#E16D33) belongs to the orange family — hue 20°, 74% saturation, 54% 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-ember-radiant-vivid: #E16D33; --colorarchive-ember-radiant-vivid-hsl: hsl(20, 74%, 54%); --colorarchive-ember-radiant-vivid-rgb: rgb(225, 109, 51); }
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
Ember Core Vivid
#D55C20 · hsl(20, 74%, 48%)
Complementary counterpoint
Azure Radiant Vivid
#33A7E1 · hsl(200, 74%, 54%)
Analogous lead
Saffron Radiant Vivid
#E1B533 · hsl(45, 74%, 54%)
Analogous echo
Crimson Radiant Vivid
#E13333 · hsl(0, 74%, 54%)
Triadic +120°
Seafoam Radiant Vivid
#33E16D · hsl(140, 74%, 54%)
Triadic +240°
Orchid Radiant Vivid
#6D33E1 · hsl(260, 74%, 54%)
Split-comp +150°
Lagoon Radiant Vivid
#33E1C4 · hsl(170, 74%, 54%)
Split-comp +210°
Indigo Radiant Vivid
#3350E1 · hsl(230, 74%, 54%)
Export preview
Base: Ember Radiant Vivid #E16D33 Lighter companion: Ember Tone Vivid #E4804E Darker companion: Ember Core Vivid #D55C20 Complementary counterpoint: Azure Radiant Vivid #33A7E1 Analogous lead: Saffron Radiant Vivid #E1B533 Analogous echo: Crimson Radiant Vivid #E13333 Triadic +120°: Seafoam Radiant Vivid #33E16D Triadic +240°: Orchid Radiant Vivid #6D33E1 Split-comp +150°: Lagoon Radiant Vivid #33E1C4 Split-comp +210°: Indigo Radiant Vivid #3350E1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Ember Core Vivid
#D55C20 · hsl(20, 74%, 48%)
Nearby match
Ember Tone Vivid
#E4804E · hsl(20, 74%, 60%)
Nearby match
Ember Radiant Bright
#EC6927 · hsl(20, 84%, 54%)
Nearby match
Vermillion Radiant Vivid
#E15E33 · hsl(15, 74%, 54%)
Nearby match
Tangerine Radiant Vivid
#E17B33 · hsl(25, 74%, 54%)
Nearby match
Ember Radiant Pure
#F6661E · hsl(20, 92%, 54%)
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
#C0C74A
Protanopia
#BAB946
Tritanopia
#DD5255
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.