Lighter companion
Canary Silk Vivid
#EAE071 · hsl(55, 74%, 68%)
RGB
rgb(228, 216, 78)
HSL
hsl(55, 74%, 60%)
CMYK
cmyk(0%, 5%, 66%, 11%)
Metrics
S 74% · L 60%
Contrast (WCAG)
on white
1.5:1Fail
on black
14.2:1AA
About this color
Canary Tone Vivid (#E4D84E) belongs to the yellow family — hue 55°, 74% 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-vivid: #E4D84E; --colorarchive-canary-tone-vivid-hsl: hsl(55, 74%, 60%); --colorarchive-canary-tone-vivid-rgb: rgb(228, 216, 78); }
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 Vivid
#E1D233 · hsl(55, 74%, 54%)
Complementary counterpoint
Indigo Tone Vivid
#4E67E4 · hsl(230, 74%, 60%)
Analogous lead
Olive Tone Vivid
#B2E44E · hsl(80, 74%, 60%)
Analogous echo
Coral Tone Vivid
#E4994E · hsl(30, 74%, 60%)
Triadic +120°
Cyan Tone Vivid
#4EE4D8 · hsl(175, 74%, 60%)
Triadic +240°
Magenta Tone Vivid
#CB4EE4 · hsl(290, 74%, 60%)
Split-comp +150°
Steel Tone Vivid
#4EA6E4 · hsl(205, 74%, 60%)
Split-comp +210°
Orchid Tone Vivid
#804EE4 · hsl(260, 74%, 60%)
Export preview
Base: Canary Tone Vivid #E4D84E Lighter companion: Canary Silk Vivid #EAE071 Darker companion: Canary Radiant Vivid #E1D233 Complementary counterpoint: Indigo Tone Vivid #4E67E4 Analogous lead: Olive Tone Vivid #B2E44E Analogous echo: Coral Tone Vivid #E4994E Triadic +120°: Cyan Tone Vivid #4EE4D8 Triadic +240°: Magenta Tone Vivid #CB4EE4 Split-comp +150°: Steel Tone Vivid #4EA6E4 Split-comp +210°: Orchid Tone Vivid #804EE4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Radiant Vivid
#E1D233 · hsl(55, 74%, 54%)
Nearby match
Canary Tone Bright
#EFE043 · hsl(55, 84%, 60%)
Nearby match
Amber Tone Vivid
#E4CB4E · hsl(50, 74%, 60%)
Nearby match
Citrine Tone Vivid
#E4E44E · hsl(60, 74%, 60%)
Nearby match
Canary Silk Vivid
#EAE071 · hsl(55, 74%, 68%)
Nearby match
Canary Tone Pure
#F7E73B · hsl(55, 92%, 60%)
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
#E0E08B
Protanopia
#DFDF82
Tritanopia
#E39EA3
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.