Lighter companion
Tangerine Tone Vivid
#E48C4E · hsl(25, 74%, 60%)
RGB
rgb(225, 123, 51)
HSL
hsl(25, 74%, 54%)
CMYK
cmyk(0%, 45%, 77%, 12%)
Metrics
S 74% · L 54%
Contrast (WCAG)
on white
3:1Fail
on black
7.1:1AA
About this color
Tangerine Radiant Vivid (#E17B33) belongs to the orange family — hue 25°, 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-tangerine-radiant-vivid: #E17B33; --colorarchive-tangerine-radiant-vivid-hsl: hsl(25, 74%, 54%); --colorarchive-tangerine-radiant-vivid-rgb: rgb(225, 123, 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
Tangerine Core Vivid
#D56B20 · hsl(25, 74%, 48%)
Complementary counterpoint
Steel Radiant Vivid
#3398E1 · hsl(205, 74%, 54%)
Analogous lead
Amber Radiant Vivid
#E1C433 · hsl(50, 74%, 54%)
Analogous echo
Crimson Radiant Vivid
#E13333 · hsl(0, 74%, 54%)
Triadic +120°
Celadon Radiant Vivid
#33E17B · hsl(145, 74%, 54%)
Triadic +240°
Orchid Radiant Vivid
#6D33E1 · hsl(260, 74%, 54%)
Split-comp +150°
Cyan Radiant Vivid
#33E1D2 · hsl(175, 74%, 54%)
Split-comp +210°
Indigo Radiant Vivid
#3350E1 · hsl(230, 74%, 54%)
Export preview
Base: Tangerine Radiant Vivid #E17B33 Lighter companion: Tangerine Tone Vivid #E48C4E Darker companion: Tangerine Core Vivid #D56B20 Complementary counterpoint: Steel Radiant Vivid #3398E1 Analogous lead: Amber Radiant Vivid #E1C433 Analogous echo: Crimson Radiant Vivid #E13333 Triadic +120°: Celadon Radiant Vivid #33E17B Triadic +240°: Orchid Radiant Vivid #6D33E1 Split-comp +150°: Cyan Radiant Vivid #33E1D2 Split-comp +210°: Indigo Radiant Vivid #3350E1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Tangerine Core Vivid
#D56B20 · hsl(25, 74%, 48%)
Nearby match
Tangerine Tone Vivid
#E48C4E · hsl(25, 74%, 60%)
Nearby match
Tangerine Radiant Bright
#EC7927 · hsl(25, 84%, 54%)
Nearby match
Ember Radiant Vivid
#E16D33 · hsl(20, 74%, 54%)
Nearby match
Coral Radiant Vivid
#E18A33 · hsl(30, 74%, 54%)
Nearby match
Tangerine Radiant Pure
#F6781E · hsl(25, 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
#C3C951
Protanopia
#BEBD4C
Tritanopia
#DD5B5E
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.