Lighter companion
Canary Whisper Vivid
#FBF9E4 · hsl(55, 74%, 94%)
RGB
rgb(248, 245, 211)
HSL
hsl(55, 74%, 90%)
CMYK
cmyk(0%, 1%, 15%, 3%)
Metrics
S 74% · L 90%
Contrast (WCAG)
on white
1.1:1Fail
on black
19:1AA
About this color
Canary Mist Vivid (#F8F5D3) belongs to the yellow family — hue 55°, 74% saturation, 90% 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-mist-vivid: #F8F5D3; --colorarchive-canary-mist-vivid-hsl: hsl(55, 74%, 90%); --colorarchive-canary-mist-vivid-rgb: rgb(248, 245, 211); }
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 Pearl Vivid
#F4EFB8 · hsl(55, 74%, 84%)
Complementary counterpoint
Indigo Mist Vivid
#D3D9F8 · hsl(230, 74%, 90%)
Analogous lead
Olive Mist Vivid
#ECF8D3 · hsl(80, 74%, 90%)
Analogous echo
Coral Mist Vivid
#F8E6D3 · hsl(30, 74%, 90%)
Triadic +120°
Cyan Mist Vivid
#D3F8F5 · hsl(175, 74%, 90%)
Triadic +240°
Magenta Mist Vivid
#F2D3F8 · hsl(290, 74%, 90%)
Split-comp +150°
Steel Mist Vivid
#D3E9F8 · hsl(205, 74%, 90%)
Split-comp +210°
Orchid Mist Vivid
#DFD3F8 · hsl(260, 74%, 90%)
Export preview
Base: Canary Mist Vivid #F8F5D3 Lighter companion: Canary Whisper Vivid #FBF9E4 Darker companion: Canary Pearl Vivid #F4EFB8 Complementary counterpoint: Indigo Mist Vivid #D3D9F8 Analogous lead: Olive Mist Vivid #ECF8D3 Analogous echo: Coral Mist Vivid #F8E6D3 Triadic +120°: Cyan Mist Vivid #D3F8F5 Triadic +240°: Magenta Mist Vivid #F2D3F8 Split-comp +150°: Steel Mist Vivid #D3E9F8 Split-comp +210°: Orchid Mist Vivid #DFD3F8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Whisper Vivid
#FBF9E4 · hsl(55, 74%, 94%)
Nearby match
Canary Pearl Vivid
#F4EFB8 · hsl(55, 74%, 84%)
Nearby match
Canary Mist Bright
#FBF7D0 · hsl(55, 84%, 90%)
Nearby match
Amber Mist Vivid
#F8F2D3 · hsl(50, 74%, 90%)
Nearby match
Citrine Mist Vivid
#F8F8D3 · hsl(60, 74%, 90%)
Nearby match
Canary Veil Vivid
#FEFDF6 · hsl(55, 74%, 98%)
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
#F7F7DE
Protanopia
#F7F7DC
Tritanopia
#F8E3E4
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.