Lighter companion
Citrine Dusk Vivid
#979717 · hsl(60, 74%, 34%)
RGB
rgb(124, 124, 19)
HSL
hsl(60, 74%, 28%)
CMYK
cmyk(0%, 0%, 85%, 51%)
Metrics
S 74% · L 28%
Contrast (WCAG)
on white
4.4:1AA Large
on black
4.7:1AA
About this color
Citrine Shadow Vivid (#7C7C13) belongs to the yellow family — hue 60°, 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-citrine-shadow-vivid: #7C7C13; --colorarchive-citrine-shadow-vivid-hsl: hsl(60, 74%, 28%); --colorarchive-citrine-shadow-vivid-rgb: rgb(124, 124, 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
Citrine Nocturne Vivid
#59590D · hsl(60, 74%, 20%)
Complementary counterpoint
Iris Shadow Vivid
#13137C · hsl(240, 74%, 28%)
Analogous lead
Olive Shadow Vivid
#597C13 · hsl(80, 74%, 28%)
Analogous echo
Apricot Shadow Vivid
#7C5913 · hsl(40, 74%, 28%)
Triadic +120°
Aqua Shadow Vivid
#137C7C · hsl(180, 74%, 28%)
Triadic +240°
Fuchsia Shadow Vivid
#7C137C · hsl(300, 74%, 28%)
Split-comp +150°
Sapphire Shadow Vivid
#13477C · hsl(210, 74%, 28%)
Split-comp +210°
Plum Shadow Vivid
#47137C · hsl(270, 74%, 28%)
Export preview
Base: Citrine Shadow Vivid #7C7C13 Lighter companion: Citrine Dusk Vivid #979717 Darker companion: Citrine Nocturne Vivid #59590D Complementary counterpoint: Iris Shadow Vivid #13137C Analogous lead: Olive Shadow Vivid #597C13 Analogous echo: Apricot Shadow Vivid #7C5913 Triadic +120°: Aqua Shadow Vivid #137C7C Triadic +240°: Fuchsia Shadow Vivid #7C137C Split-comp +150°: Sapphire Shadow Vivid #13477C Split-comp +210°: Plum Shadow Vivid #47137C
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Dusk Vivid
#979717 · hsl(60, 74%, 34%)
Nearby match
Citrine Shadow Bright
#83830B · hsl(60, 84%, 28%)
Nearby match
Canary Shadow Vivid
#7C7313 · hsl(55, 74%, 28%)
Nearby match
Citrine Nocturne Vivid
#59590D · hsl(60, 74%, 20%)
Nearby match
Citrine Shadow Pure
#898906 · hsl(60, 92%, 28%)
Nearby match
Citrine Dusk Bright
#A0A00E · hsl(60, 84%, 34%)
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
#7C7C48
Protanopia
#7C7C41
Tritanopia
#7C5559
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.