Lighter companion
Citrine Dusk Dust
#6D6D40 · hsl(60, 26%, 34%)
RGB
rgb(90, 90, 53)
HSL
hsl(60, 26%, 28%)
CMYK
cmyk(0%, 0%, 41%, 65%)
Metrics
S 26% · L 28%
Contrast (WCAG)
on white
7.1:1AA
on black
2.9:1Fail
About this color
Citrine Shadow Dust (#5A5A35) belongs to the yellow family — hue 60°, 26% 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-dust: #5A5A35; --colorarchive-citrine-shadow-dust-hsl: hsl(60, 26%, 28%); --colorarchive-citrine-shadow-dust-rgb: rgb(90, 90, 53); }
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 Dust
#404026 · hsl(60, 26%, 20%)
Complementary counterpoint
Iris Shadow Dust
#35355A · hsl(240, 26%, 28%)
Analogous lead
Olive Shadow Dust
#4E5A35 · hsl(80, 26%, 28%)
Analogous echo
Apricot Shadow Dust
#5A4E35 · hsl(40, 26%, 28%)
Triadic +120°
Aqua Shadow Dust
#355A5A · hsl(180, 26%, 28%)
Triadic +240°
Fuchsia Shadow Dust
#5A355A · hsl(300, 26%, 28%)
Split-comp +150°
Sapphire Shadow Dust
#35475A · hsl(210, 26%, 28%)
Split-comp +210°
Plum Shadow Dust
#47355A · hsl(270, 26%, 28%)
Export preview
Base: Citrine Shadow Dust #5A5A35 Lighter companion: Citrine Dusk Dust #6D6D40 Darker companion: Citrine Nocturne Dust #404026 Complementary counterpoint: Iris Shadow Dust #35355A Analogous lead: Olive Shadow Dust #4E5A35 Analogous echo: Apricot Shadow Dust #5A4E35 Triadic +120°: Aqua Shadow Dust #355A5A Triadic +240°: Fuchsia Shadow Dust #5A355A Split-comp +150°: Sapphire Shadow Dust #35475A Split-comp +210°: Plum Shadow Dust #47355A
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Citrine Shadow Muted
#54543B · hsl(60, 18%, 28%)
Nearby match
Citrine Shadow Soft
#60602F · hsl(60, 34%, 28%)
Nearby match
Citrine Dusk Dust
#6D6D40 · hsl(60, 26%, 34%)
Nearby match
Canary Shadow Dust
#5A5735 · hsl(55, 26%, 28%)
Nearby match
Citrine Nocturne Dust
#404026 · hsl(60, 26%, 20%)
Nearby match
Citrine Shadow Faint
#4F4F40 · hsl(60, 10%, 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
#5A5A43
Protanopia
#5A5A40
Tritanopia
#5A4849
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.