Lighter companion
Canary Veil Clear
#FDFCF7 · hsl(55, 54%, 98%)
RGB
rgb(248, 247, 231)
HSL
hsl(55, 54%, 94%)
CMYK
cmyk(0%, 0%, 7%, 3%)
Metrics
S 54% · L 94%
Contrast (WCAG)
on white
1.1:1Fail
on black
19.4:1AA
About this color
Canary Whisper Clear (#F8F7E7) belongs to the yellow family — hue 55°, 54% 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-clear: #F8F7E7; --colorarchive-canary-whisper-clear-hsl: hsl(55, 54%, 94%); --colorarchive-canary-whisper-clear-rgb: rgb(248, 247, 231); }
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 Clear
#F3F1D8 · hsl(55, 54%, 90%)
Complementary counterpoint
Indigo Whisper Clear
#E7EAF8 · hsl(230, 54%, 94%)
Analogous lead
Olive Whisper Clear
#F2F8E7 · hsl(80, 54%, 94%)
Analogous echo
Coral Whisper Clear
#F8F0E7 · hsl(30, 54%, 94%)
Triadic +120°
Cyan Whisper Clear
#E7F8F7 · hsl(175, 54%, 94%)
Triadic +240°
Magenta Whisper Clear
#F5E7F8 · hsl(290, 54%, 94%)
Split-comp +150°
Steel Whisper Clear
#E7F1F8 · hsl(205, 54%, 94%)
Split-comp +210°
Orchid Whisper Clear
#EDE7F8 · hsl(260, 54%, 94%)
Export preview
Base: Canary Whisper Clear #F8F7E7 Lighter companion: Canary Veil Clear #FDFCF7 Darker companion: Canary Mist Clear #F3F1D8 Complementary counterpoint: Indigo Whisper Clear #E7EAF8 Analogous lead: Olive Whisper Clear #F2F8E7 Analogous echo: Coral Whisper Clear #F8F0E7 Triadic +120°: Cyan Whisper Clear #E7F8F7 Triadic +240°: Magenta Whisper Clear #F5E7F8 Split-comp +150°: Steel Whisper Clear #E7F1F8 Split-comp +210°: Orchid Whisper Clear #EDE7F8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Mist Clear
#F3F1D8 · hsl(55, 54%, 90%)
Nearby match
Canary Veil Clear
#FDFCF7 · hsl(55, 54%, 98%)
Nearby match
Amber Whisper Clear
#F8F5E7 · hsl(50, 54%, 94%)
Nearby match
Citrine Whisper Clear
#F8F8E7 · hsl(60, 54%, 94%)
Nearby match
Canary Pearl Clear
#ECE9C0 · hsl(55, 54%, 84%)
Nearby match
Amber Mist Clear
#F3EFD8 · hsl(50, 54%, 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
#F8F8EC
Protanopia
#F8F8EB
Tritanopia
#F8EEEF
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.