Lighter companion
Sapphire Pearl Faint
#D2D6DA · hsl(210, 10%, 84%)
RGB
rgb(188, 194, 200)
HSL
hsl(210, 10%, 76%)
CMYK
cmyk(6%, 3%, 0%, 22%)
Metrics
S 10% · L 76%
Contrast (WCAG)
on white
1.8:1Fail
on black
11.7:1AA
About this color
Sapphire Bloom Faint (#BCC2C8) belongs to the blue family — hue 210°, 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-sapphire-bloom-faint: #BCC2C8; --colorarchive-sapphire-bloom-faint-hsl: hsl(210, 10%, 76%); --colorarchive-sapphire-bloom-faint-rgb: rgb(188, 194, 200); }
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
Sapphire Silk Faint
#A5ADB6 · hsl(210, 10%, 68%)
Complementary counterpoint
Coral Bloom Faint
#C8C2BC · hsl(30, 10%, 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: Sapphire Bloom Faint #BCC2C8 Lighter companion: Sapphire Pearl Faint #D2D6DA Darker companion: Sapphire Silk Faint #A5ADB6 Complementary counterpoint: Coral Bloom Faint #C8C2BC 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
Cool Gray Bloom
#BEC2C5 · hsl(210, 6%, 76%)
Nearby match
Sapphire Bloom Muted
#B7C2CD · hsl(210, 18%, 76%)
Nearby match
Sapphire Silk Faint
#A5ADB6 · hsl(210, 10%, 68%)
Nearby match
Sapphire Pearl Faint
#D2D6DA · hsl(210, 10%, 84%)
Nearby match
Cool Gray Silk
#A9ADB2 · hsl(210, 6%, 68%)
Nearby match
Cool Gray Pearl
#D4D6D9 · hsl(210, 6%, 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
#BEBEC6
Protanopia
#BFBFC7
Tritanopia
#BCC5C5
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.