Lighter companion
Cool Gray Pearl
#D4D6D9 · hsl(210, 6%, 84%)
RGB
rgb(190, 194, 197)
HSL
hsl(210, 6%, 76%)
CMYK
cmyk(4%, 2%, 0%, 23%)
Metrics
S 6% · L 76%
Contrast (WCAG)
on white
1.8:1Fail
on black
11.7:1AA
About this color
Cool Gray Bloom (#BEC2C5) belongs to the blue family — hue 210°, 6% 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-cool-gray-bloom: #BEC2C5; --colorarchive-cool-gray-bloom-hsl: hsl(210, 6%, 76%); --colorarchive-cool-gray-bloom-rgb: rgb(190, 194, 197); }
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
Cool Gray Silk
#A9ADB2 · hsl(210, 6%, 68%)
Complementary counterpoint
Warm Gray Bloom
#C5C2BE · hsl(30, 6%, 76%)
Analogous lead
Indigo Bloom Faint
#BCBEC8 · hsl(230, 10%, 76%)
Analogous echo
Cerulean Bloom Faint
#BCC6C8 · hsl(190, 10%, 76%)
Triadic +120°
Blush Bloom Faint
#C8BCC2 · hsl(330, 10%, 76%)
Triadic +240°
Lime Bloom Faint
#C2C8BC · hsl(90, 10%, 76%)
Split-comp +150°
Crimson Bloom Faint
#C8BCBC · hsl(0, 10%, 76%)
Split-comp +210°
Citrine Bloom Faint
#C8C8BC · hsl(60, 10%, 76%)
Export preview
Base: Cool Gray Bloom #BEC2C5 Lighter companion: Cool Gray Pearl #D4D6D9 Darker companion: Cool Gray Silk #A9ADB2 Complementary counterpoint: Warm Gray Bloom #C5C2BE Analogous lead: Indigo Bloom Faint #BCBEC8 Analogous echo: Cerulean Bloom Faint #BCC6C8 Triadic +120°: Blush Bloom Faint #C8BCC2 Triadic +240°: Lime Bloom Faint #C2C8BC Split-comp +150°: Crimson Bloom Faint #C8BCBC Split-comp +210°: Citrine Bloom Faint #C8C8BC
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Sapphire Bloom Faint
#BCC2C8 · hsl(210, 10%, 76%)
Nearby match
Sapphire Bloom Muted
#B7C2CD · hsl(210, 18%, 76%)
Nearby match
Cool Gray Silk
#A9ADB2 · hsl(210, 6%, 68%)
Nearby match
Cool Gray Pearl
#D4D6D9 · hsl(210, 6%, 84%)
Nearby match
Sapphire Silk Faint
#A5ADB6 · hsl(210, 10%, 68%)
Nearby match
Sapphire Pearl Faint
#D2D6DA · hsl(210, 10%, 84%)
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
#C0BFC4
Protanopia
#C0C0C4
Tritanopia
#BEC4C4
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.