Lighter companion
Saffron Dusk Vivid
#977717 · hsl(45, 74%, 34%)
RGB
rgb(124, 98, 19)
HSL
hsl(45, 74%, 28%)
CMYK
cmyk(0%, 21%, 85%, 51%)
Metrics
S 74% · L 28%
Contrast (WCAG)
on white
5.8:1AA
on black
3.6:1AA Large
About this color
Saffron Shadow Vivid (#7C6213) belongs to the yellow family — hue 45°, 74% saturation, 28% 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-saffron-shadow-vivid: #7C6213; --colorarchive-saffron-shadow-vivid-hsl: hsl(45, 74%, 28%); --colorarchive-saffron-shadow-vivid-rgb: rgb(124, 98, 19); }
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
Saffron Nocturne Vivid
#59460D · hsl(45, 74%, 20%)
Complementary counterpoint
Cobalt Shadow Vivid
#13367C · hsl(220, 74%, 28%)
Analogous lead
Honey Shadow Vivid
#6B7C13 · hsl(70, 74%, 28%)
Analogous echo
Ember Shadow Vivid
#7C3613 · hsl(20, 74%, 28%)
Triadic +120°
Teal Shadow Vivid
#137C59 · hsl(160, 74%, 28%)
Triadic +240°
Mulberry Shadow Vivid
#59137C · hsl(280, 74%, 28%)
Split-comp +150°
Cerulean Shadow Vivid
#136B7C · hsl(190, 74%, 28%)
Split-comp +210°
Violet Shadow Vivid
#24137C · hsl(250, 74%, 28%)
Export preview
Base: Saffron Shadow Vivid #7C6213 Lighter companion: Saffron Dusk Vivid #977717 Darker companion: Saffron Nocturne Vivid #59460D Complementary counterpoint: Cobalt Shadow Vivid #13367C Analogous lead: Honey Shadow Vivid #6B7C13 Analogous echo: Ember Shadow Vivid #7C3613 Triadic +120°: Teal Shadow Vivid #137C59 Triadic +240°: Mulberry Shadow Vivid #59137C Split-comp +150°: Cerulean Shadow Vivid #136B7C Split-comp +210°: Violet Shadow Vivid #24137C
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Saffron Dusk Vivid
#977717 · hsl(45, 74%, 34%)
Nearby match
Saffron Shadow Bright
#83650B · hsl(45, 84%, 28%)
Nearby match
Apricot Shadow Vivid
#7C5913 · hsl(40, 74%, 28%)
Nearby match
Amber Shadow Vivid
#7C6B13 · hsl(50, 74%, 28%)
Nearby match
Saffron Nocturne Vivid
#59460D · hsl(45, 74%, 20%)
Nearby match
Saffron Shadow Pure
#896806 · hsl(45, 92%, 28%)
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
#737539
Protanopia
#727134
Tritanopia
#7B4346
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.