Lighter companion
Canary Veil Soft
#FCFBF8 · hsl(55, 34%, 98%)
RGB
rgb(245, 244, 234)
HSL
hsl(55, 34%, 94%)
CMYK
cmyk(0%, 0%, 4%, 4%)
Metrics
S 34% · L 94%
Contrast (WCAG)
on white
1.1:1Fail
on black
19:1AA
About this color
Canary Whisper Soft (#F5F4EA) belongs to the yellow family — hue 55°, 34% saturation, 94% 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-whisper-soft: #F5F4EA; --colorarchive-canary-whisper-soft-hsl: hsl(55, 34%, 94%); --colorarchive-canary-whisper-soft-rgb: rgb(245, 244, 234); }
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 Mist Soft
#EEEDDD · hsl(55, 34%, 90%)
Complementary counterpoint
Indigo Whisper Soft
#EAECF5 · hsl(230, 34%, 94%)
Analogous lead
Olive Whisper Soft
#F1F5EA · hsl(80, 34%, 94%)
Analogous echo
Coral Whisper Soft
#F5F0EA · hsl(30, 34%, 94%)
Triadic +120°
Cyan Whisper Soft
#EAF5F4 · hsl(175, 34%, 94%)
Triadic +240°
Magenta Whisper Soft
#F3EAF5 · hsl(290, 34%, 94%)
Split-comp +150°
Steel Whisper Soft
#EAF1F5 · hsl(205, 34%, 94%)
Split-comp +210°
Orchid Whisper Soft
#EEEAF5 · hsl(260, 34%, 94%)
Export preview
Base: Canary Whisper Soft #F5F4EA Lighter companion: Canary Veil Soft #FCFBF8 Darker companion: Canary Mist Soft #EEEDDD Complementary counterpoint: Indigo Whisper Soft #EAECF5 Analogous lead: Olive Whisper Soft #F1F5EA Analogous echo: Coral Whisper Soft #F5F0EA Triadic +120°: Cyan Whisper Soft #EAF5F4 Triadic +240°: Magenta Whisper Soft #F3EAF5 Split-comp +150°: Steel Whisper Soft #EAF1F5 Split-comp +210°: Orchid Whisper Soft #EEEAF5
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Mist Soft
#EEEDDD · hsl(55, 34%, 90%)
Nearby match
Canary Veil Soft
#FCFBF8 · hsl(55, 34%, 98%)
Nearby match
Canary Whisper Dust
#F4F3EC · hsl(55, 26%, 94%)
Nearby match
Amber Whisper Soft
#F5F3EA · hsl(50, 34%, 94%)
Nearby match
Citrine Whisper Soft
#F5F5EA · hsl(60, 34%, 94%)
Nearby match
Canary Mist Dust
#ECEBDF · hsl(55, 26%, 90%)
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
#F5F5ED
Protanopia
#F5F5EC
Tritanopia
#F5EEEF
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.