Lighter companion
Canary Pearl Faint
#DADAD2 · hsl(55, 10%, 84%)
RGB
rgb(200, 199, 188)
HSL
hsl(55, 10%, 76%)
CMYK
cmyk(0%, 0%, 6%, 22%)
Metrics
S 10% · L 76%
Contrast (WCAG)
on white
1.7:1Fail
on black
12.4:1AA
About this color
Canary Bloom Faint (#C8C7BC) belongs to the yellow family — hue 55°, 10% saturation, 76% 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-bloom-faint: #C8C7BC; --colorarchive-canary-bloom-faint-hsl: hsl(55, 10%, 76%); --colorarchive-canary-bloom-faint-rgb: rgb(200, 199, 188); }
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 Silk Faint
#B6B4A5 · hsl(55, 10%, 68%)
Complementary counterpoint
Indigo Bloom Faint
#BCBEC8 · hsl(230, 10%, 76%)
Analogous lead
Olive Bloom Faint
#C4C8BC · hsl(80, 10%, 76%)
Analogous echo
Coral Bloom Faint
#C8C2BC · hsl(30, 10%, 76%)
Triadic +120°
Cyan Bloom Faint
#BCC8C7 · hsl(175, 10%, 76%)
Triadic +240°
Magenta Bloom Faint
#C6BCC8 · hsl(290, 10%, 76%)
Split-comp +150°
Steel Bloom Faint
#BCC3C8 · hsl(205, 10%, 76%)
Split-comp +210°
Orchid Bloom Faint
#C0BCC8 · hsl(260, 10%, 76%)
Export preview
Base: Canary Bloom Faint #C8C7BC Lighter companion: Canary Pearl Faint #DADAD2 Darker companion: Canary Silk Faint #B6B4A5 Complementary counterpoint: Indigo Bloom Faint #BCBEC8 Analogous lead: Olive Bloom Faint #C4C8BC Analogous echo: Coral Bloom Faint #C8C2BC Triadic +120°: Cyan Bloom Faint #BCC8C7 Triadic +240°: Magenta Bloom Faint #C6BCC8 Split-comp +150°: Steel Bloom Faint #BCC3C8 Split-comp +210°: Orchid Bloom Faint #C0BCC8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Canary Bloom Muted
#CDCBB7 · hsl(55, 18%, 76%)
Nearby match
Amber Bloom Faint
#C8C6BC · hsl(50, 10%, 76%)
Nearby match
Citrine Bloom Faint
#C8C8BC · hsl(60, 10%, 76%)
Nearby match
Canary Silk Faint
#B6B4A5 · hsl(55, 10%, 68%)
Nearby match
Canary Pearl Faint
#DADAD2 · hsl(55, 10%, 84%)
Nearby match
Canary Bloom Dust
#D2CFB2 · hsl(55, 26%, 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
#C8C8BF
Protanopia
#C8C8BF
Tritanopia
#C8C1C1
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.