Lighter companion
Cobalt Pearl Bright
#B4CBF8 · hsl(220, 84%, 84%)
RGB
rgb(142, 177, 245)
HSL
hsl(220, 84%, 76%)
CMYK
cmyk(42%, 28%, 0%, 4%)
Metrics
S 84% · L 76%
Contrast (WCAG)
on white
2.2:1Fail
on black
9.8:1AA
About this color
Cobalt Bloom Bright (#8EB1F5) belongs to the blue family — hue 220°, 84% 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-cobalt-bloom-bright: #8EB1F5; --colorarchive-cobalt-bloom-bright-hsl: hsl(220, 84%, 76%); --colorarchive-cobalt-bloom-bright-rgb: rgb(142, 177, 245); }
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
Cobalt Silk Bright
#6997F2 · hsl(220, 84%, 68%)
Complementary counterpoint
Apricot Bloom Bright
#F5D38E · hsl(40, 84%, 76%)
Analogous lead
Amethyst Bloom Bright
#978EF5 · hsl(245, 84%, 76%)
Analogous echo
Azure Bloom Bright
#8ED3F5 · hsl(200, 84%, 76%)
Triadic +120°
Garnet Bloom Bright
#F58EB1 · hsl(340, 84%, 76%)
Triadic +240°
Moss Bloom Bright
#B1F58E · hsl(100, 84%, 76%)
Split-comp +150°
Ruby Bloom Bright
#F5A08E · hsl(10, 84%, 76%)
Split-comp +210°
Honey Bloom Bright
#E4F58E · hsl(70, 84%, 76%)
Export preview
Base: Cobalt Bloom Bright #8EB1F5 Lighter companion: Cobalt Pearl Bright #B4CBF8 Darker companion: Cobalt Silk Bright #6997F2 Complementary counterpoint: Apricot Bloom Bright #F5D38E Analogous lead: Amethyst Bloom Bright #978EF5 Analogous echo: Azure Bloom Bright #8ED3F5 Triadic +120°: Garnet Bloom Bright #F58EB1 Triadic +240°: Moss Bloom Bright #B1F58E Split-comp +150°: Ruby Bloom Bright #F5A08E Split-comp +210°: Honey Bloom Bright #E4F58E
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Cobalt Bloom Pure
#89AFFA · hsl(220, 92%, 76%)
Nearby match
Cobalt Bloom Vivid
#95B3EF · hsl(220, 74%, 76%)
Nearby match
Cobalt Silk Bright
#6997F2 · hsl(220, 84%, 68%)
Nearby match
Cobalt Pearl Bright
#B4CBF8 · hsl(220, 84%, 84%)
Nearby match
Cobalt Silk Pure
#6294F8 · hsl(220, 92%, 68%)
Nearby match
Cobalt Pearl Pure
#B1CAFC · hsl(220, 92%, 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
#9C9AE3
Protanopia
#9E9FE7
Tritanopia
#90DBD8
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.