Canary Radiant Pure (#F6E41E) belongs to the yellow family — hue 55°, 92% 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.
:root { --colorarchive-canary-radiant-pure: #F6E41E; --colorarchive-canary-radiant-pure-hsl: hsl(55, 92%, 54%); --colorarchive-canary-radiant-pure-rgb: rgb(246, 228, 30); }
Let AI suggest alternative poetic names for this color in English and Chinese.
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Base: Canary Radiant Pure #F6E41E Lighter companion: Canary Tone Pure #F7E73B Darker companion: Canary Core Pure #EBD80A Complementary counterpoint: Indigo Radiant Pure #1E42F6 Analogous lead: Olive Radiant Pure #AEF61E Analogous echo: Coral Radiant Pure #F68A1E Triadic +120°: Cyan Radiant Pure #1EF6E4 Triadic +240°: Magenta Radiant Pure #D21EF6 Split-comp +150°: Steel Radiant Pure #1E9CF6 Split-comp +210°: Orchid Radiant Pure #661EF6
The closest archive matches by hue, saturation, and lightness.
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
How this color appears with different color vision deficiencies.
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.