Lighter companion
Canary Shadow Bright
#83790B · hsl(55, 84%, 28%)
RGB
rgb(94, 87, 8)
HSL
hsl(55, 84%, 20%)
CMYK
cmyk(0%, 7%, 91%, 63%)
Metrics
S 84% · L 20%
Contrast (WCAG)
on white
7.4:1AA
on black
2.8:1Fail
About this color
Canary Nocturne Bright (#5E5708) belongs to the yellow family — hue 55°, 84% saturation, 20% 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-nocturne-bright: #5E5708; --colorarchive-canary-nocturne-bright-hsl: hsl(55, 84%, 20%); --colorarchive-canary-nocturne-bright-rgb: rgb(94, 87, 8); }
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 Ink Bright
#423D06 · hsl(55, 84%, 14%)
Complementary counterpoint
Indigo Nocturne Bright
#08165E · hsl(230, 84%, 20%)
Analogous lead
Olive Nocturne Bright
#415E08 · hsl(80, 84%, 20%)
Analogous echo
Coral Nocturne Bright
#5E3308 · hsl(30, 84%, 20%)
Triadic +120°
Cyan Nocturne Bright
#085E57 · hsl(175, 84%, 20%)
Triadic +240°
Magenta Nocturne Bright
#50085E · hsl(290, 84%, 20%)
Split-comp +150°
Steel Nocturne Bright
#083A5E · hsl(205, 84%, 20%)
Split-comp +210°
Orchid Nocturne Bright
#25085E · hsl(260, 84%, 20%)
Export preview
Base: Canary Nocturne Bright #5E5708 Lighter companion: Canary Shadow Bright #83790B Darker companion: Canary Ink Bright #423D06 Complementary counterpoint: Indigo Nocturne Bright #08165E Analogous lead: Olive Nocturne Bright #415E08 Analogous echo: Coral Nocturne Bright #5E3308 Triadic +120°: Cyan Nocturne Bright #085E57 Triadic +240°: Magenta Nocturne Bright #50085E Split-comp +150°: Steel Nocturne Bright #083A5E Split-comp +210°: Orchid Nocturne Bright #25085E
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Nocturne Pure
#625A04 · hsl(55, 92%, 20%)
Nearby match
Canary Ink Bright
#423D06 · hsl(55, 84%, 14%)
Nearby match
Canary Nocturne Vivid
#59520D · hsl(55, 74%, 20%)
Nearby match
Amber Nocturne Bright
#5E5008 · hsl(50, 84%, 20%)
Nearby match
Citrine Nocturne Bright
#5E5E08 · hsl(60, 84%, 20%)
Nearby match
Canary Shadow Bright
#83790B · hsl(55, 84%, 28%)
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
#5B5C31
Protanopia
#5B5B2C
Tritanopia
#5E3A3D
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.