Lighter companion
Canary Mist Bright
#FBF7D0 · hsl(55, 84%, 90%)
RGB
rgb(248, 243, 180)
HSL
hsl(55, 84%, 84%)
CMYK
cmyk(0%, 2%, 27%, 3%)
Metrics
S 84% · L 84%
Contrast (WCAG)
on white
1.1:1Fail
on black
18.5:1AA
About this color
Canary Pearl Bright (#F8F3B4) belongs to the yellow family — hue 55°, 84% saturation, 84% 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-pearl-bright: #F8F3B4; --colorarchive-canary-pearl-bright-hsl: hsl(55, 84%, 84%); --colorarchive-canary-pearl-bright-rgb: rgb(248, 243, 180); }
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 Bloom Bright
#F5ED8E · hsl(55, 84%, 76%)
Complementary counterpoint
Indigo Pearl Bright
#B4BFF8 · hsl(230, 84%, 84%)
Analogous lead
Olive Pearl Bright
#E2F8B4 · hsl(80, 84%, 84%)
Analogous echo
Coral Pearl Bright
#F8D6B4 · hsl(30, 84%, 84%)
Triadic +120°
Cyan Pearl Bright
#B4F8F3 · hsl(175, 84%, 84%)
Triadic +240°
Magenta Pearl Bright
#EDB4F8 · hsl(290, 84%, 84%)
Split-comp +150°
Steel Pearl Bright
#B4DCF8 · hsl(205, 84%, 84%)
Split-comp +210°
Orchid Pearl Bright
#CBB4F8 · hsl(260, 84%, 84%)
Export preview
Base: Canary Pearl Bright #F8F3B4 Lighter companion: Canary Mist Bright #FBF7D0 Darker companion: Canary Bloom Bright #F5ED8E Complementary counterpoint: Indigo Pearl Bright #B4BFF8 Analogous lead: Olive Pearl Bright #E2F8B4 Analogous echo: Coral Pearl Bright #F8D6B4 Triadic +120°: Cyan Pearl Bright #B4F8F3 Triadic +240°: Magenta Pearl Bright #EDB4F8 Split-comp +150°: Steel Pearl Bright #B4DCF8 Split-comp +210°: Orchid Pearl Bright #CBB4F8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Pearl Pure
#FCF5B1 · hsl(55, 92%, 84%)
Nearby match
Canary Mist Bright
#FBF7D0 · hsl(55, 84%, 90%)
Nearby match
Canary Pearl Vivid
#F4EFB8 · hsl(55, 74%, 84%)
Nearby match
Amber Pearl Bright
#F8EDB4 · hsl(50, 84%, 84%)
Nearby match
Citrine Pearl Bright
#F8F8B4 · hsl(60, 84%, 84%)
Nearby match
Canary Bloom Bright
#F5ED8E · hsl(55, 84%, 76%)
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
#F6F7CA
Protanopia
#F6F6C6
Tritanopia
#F8D2D5
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.