Lighter companion
Canary Tone Vivid
#E4D84E · hsl(55, 74%, 60%)
RGB
rgb(225, 210, 51)
HSL
hsl(55, 74%, 54%)
CMYK
cmyk(0%, 7%, 77%, 12%)
Metrics
S 74% · L 54%
Contrast (WCAG)
on white
1.6:1Fail
on black
13.5:1AA
About this color
Canary Radiant Vivid (#E1D233) belongs to the yellow family — hue 55°, 74% 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.
CSS
:root { --colorarchive-canary-radiant-vivid: #E1D233; --colorarchive-canary-radiant-vivid-hsl: hsl(55, 74%, 54%); --colorarchive-canary-radiant-vivid-rgb: rgb(225, 210, 51); }
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 Core Vivid
#D5C620 · hsl(55, 74%, 48%)
Complementary counterpoint
Indigo Radiant Vivid
#3350E1 · hsl(230, 74%, 54%)
Analogous lead
Olive Radiant Vivid
#A7E133 · hsl(80, 74%, 54%)
Analogous echo
Coral Radiant Vivid
#E18A33 · hsl(30, 74%, 54%)
Triadic +120°
Cyan Radiant Vivid
#33E1D2 · hsl(175, 74%, 54%)
Triadic +240°
Magenta Radiant Vivid
#C433E1 · hsl(290, 74%, 54%)
Split-comp +150°
Steel Radiant Vivid
#3398E1 · hsl(205, 74%, 54%)
Split-comp +210°
Orchid Radiant Vivid
#6D33E1 · hsl(260, 74%, 54%)
Export preview
Base: Canary Radiant Vivid #E1D233 Lighter companion: Canary Tone Vivid #E4D84E Darker companion: Canary Core Vivid #D5C620 Complementary counterpoint: Indigo Radiant Vivid #3350E1 Analogous lead: Olive Radiant Vivid #A7E133 Analogous echo: Coral Radiant Vivid #E18A33 Triadic +120°: Cyan Radiant Vivid #33E1D2 Triadic +240°: Magenta Radiant Vivid #C433E1 Split-comp +150°: Steel Radiant Vivid #3398E1 Split-comp +210°: Orchid Radiant Vivid #6D33E1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Core Vivid
#D5C620 · hsl(55, 74%, 48%)
Nearby match
Canary Tone Vivid
#E4D84E · hsl(55, 74%, 60%)
Nearby match
Canary Radiant Bright
#ECDC27 · hsl(55, 84%, 54%)
Nearby match
Amber Radiant Vivid
#E1C433 · hsl(50, 74%, 54%)
Nearby match
Citrine Radiant Vivid
#E1E133 · hsl(60, 74%, 54%)
Nearby match
Canary Radiant Pure
#F6E41E · hsl(55, 92%, 54%)
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
#DCDD80
Protanopia
#DBDB76
Tritanopia
#E0949A
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.