Lighter companion
Canary Silk Dust
#C3BF98 · hsl(55, 26%, 68%)
RGB
rgb(180, 175, 126)
HSL
hsl(55, 26%, 60%)
CMYK
cmyk(0%, 3%, 30%, 29%)
Metrics
S 26% · L 60%
Contrast (WCAG)
on white
2.2:1Fail
on black
9.4:1AA
About this color
Canary Tone Dust (#B4AF7E) belongs to the yellow family — hue 55°, 26% saturation, 60% 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-canary-tone-dust: #B4AF7E; --colorarchive-canary-tone-dust-hsl: hsl(55, 26%, 60%); --colorarchive-canary-tone-dust-rgb: rgb(180, 175, 126); }
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
Canary Radiant Dust
#A8A36B · hsl(55, 26%, 54%)
Complementary counterpoint
Indigo Tone Dust
#7E87B4 · hsl(230, 26%, 60%)
Analogous lead
Olive Tone Dust
#A2B47E · hsl(80, 26%, 60%)
Analogous echo
Coral Tone Dust
#B4997E · hsl(30, 26%, 60%)
Triadic +120°
Cyan Tone Dust
#7EB4AF · hsl(175, 26%, 60%)
Triadic +240°
Magenta Tone Dust
#AB7EB4 · hsl(290, 26%, 60%)
Split-comp +150°
Steel Tone Dust
#7E9DB4 · hsl(205, 26%, 60%)
Split-comp +210°
Orchid Tone Dust
#907EB4 · hsl(260, 26%, 60%)
Export preview
Base: Canary Tone Dust #B4AF7E Lighter companion: Canary Silk Dust #C3BF98 Darker companion: Canary Radiant Dust #A8A36B Complementary counterpoint: Indigo Tone Dust #7E87B4 Analogous lead: Olive Tone Dust #A2B47E Analogous echo: Coral Tone Dust #B4997E Triadic +120°: Cyan Tone Dust #7EB4AF Triadic +240°: Magenta Tone Dust #AB7EB4 Split-comp +150°: Steel Tone Dust #7E9DB4 Split-comp +210°: Orchid Tone Dust #907EB4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Tone Muted
#ABA887 · hsl(55, 18%, 60%)
Nearby match
Canary Tone Soft
#BCB676 · hsl(55, 34%, 60%)
Nearby match
Canary Radiant Dust
#A8A36B · hsl(55, 26%, 54%)
Nearby match
Amber Tone Dust
#B4AB7E · hsl(50, 26%, 60%)
Nearby match
Citrine Tone Dust
#B4B47E · hsl(60, 26%, 60%)
Nearby match
Canary Silk Dust
#C3BF98 · hsl(55, 26%, 68%)
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
#B2B38F
Protanopia
#B2B28C
Tritanopia
#B49698
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.