Lighter companion
Canary Core Bright
#E1D014 · hsl(55, 84%, 48%)
RGB
rgb(197, 182, 17)
HSL
hsl(55, 84%, 42%)
CMYK
cmyk(0%, 8%, 91%, 23%)
Metrics
S 84% · L 42%
Contrast (WCAG)
on white
2.1:1Fail
on black
10.1:1AA
About this color
Canary Velvet Bright (#C5B611) belongs to the yellow family — hue 55°, 84% saturation, 42% 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-velvet-bright: #C5B611; --colorarchive-canary-velvet-bright-hsl: hsl(55, 84%, 42%); --colorarchive-canary-velvet-bright-rgb: rgb(197, 182, 17); }
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 Dusk Bright
#A0930E · hsl(55, 84%, 34%)
Complementary counterpoint
Indigo Velvet Bright
#112FC5 · hsl(230, 84%, 42%)
Analogous lead
Olive Velvet Bright
#89C511 · hsl(80, 84%, 42%)
Analogous echo
Coral Velvet Bright
#C56B11 · hsl(30, 84%, 42%)
Triadic +120°
Cyan Velvet Bright
#11C5B6 · hsl(175, 84%, 42%)
Triadic +240°
Magenta Velvet Bright
#A711C5 · hsl(290, 84%, 42%)
Split-comp +150°
Steel Velvet Bright
#117AC5 · hsl(205, 84%, 42%)
Split-comp +210°
Orchid Velvet Bright
#4D11C5 · hsl(260, 84%, 42%)
Export preview
Base: Canary Velvet Bright #C5B611 Lighter companion: Canary Core Bright #E1D014 Darker companion: Canary Dusk Bright #A0930E Complementary counterpoint: Indigo Velvet Bright #112FC5 Analogous lead: Olive Velvet Bright #89C511 Analogous echo: Coral Velvet Bright #C56B11 Triadic +120°: Cyan Velvet Bright #11C5B6 Triadic +240°: Magenta Velvet Bright #A711C5 Split-comp +150°: Steel Velvet Bright #117AC5 Split-comp +210°: Orchid Velvet Bright #4D11C5
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Velvet Pure
#CEBD09 · hsl(55, 92%, 42%)
Nearby match
Canary Core Bright
#E1D014 · hsl(55, 84%, 48%)
Nearby match
Canary Velvet Vivid
#BAAD1C · hsl(55, 74%, 42%)
Nearby match
Amber Velvet Bright
#C5A711 · hsl(50, 84%, 42%)
Nearby match
Citrine Velvet Bright
#C5C511 · hsl(60, 84%, 42%)
Nearby match
Canary Dusk Bright
#A0930E · hsl(55, 84%, 34%)
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
#C0C16A
Protanopia
#BFBF60
Tritanopia
#C47D83
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.