RGB
rgb(187, 173, 215)
HSL
hsl(260, 34%, 76%)
Metrics
S 34% · L 76%
Contrast (WCAG)
on white
2.1:1Fail
on black
10.1:1AA
About this color
Orchid Bloom Soft (#BBADD7) belongs to the purple family — hue 260°, 34% 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-orchid-bloom-soft: #BBADD7; --colorarchive-orchid-bloom-soft-hsl: hsl(260, 34%, 76%); --colorarchive-orchid-bloom-soft-rgb: rgb(187, 173, 215); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Orchid Pearl Soft
#D2C8E4 · hsl(260, 34%, 84%)
Darker companion
Orchid Silk Soft
#A492C9 · hsl(260, 34%, 68%)
Complementary counterpoint
Olive Bloom Soft
#C9D7AD · hsl(80, 34%, 76%)
Analogous lead
Mulberry Bloom Soft
#C9ADD7 · hsl(280, 34%, 76%)
Analogous echo
Iris Bloom Soft
#ADADD7 · hsl(240, 34%, 76%)
Triadic +120°
Ember Bloom Soft
#D7BBAD · hsl(20, 34%, 76%)
Triadic +240°
Seafoam Bloom Soft
#ADD7BB · hsl(140, 34%, 76%)
Split-comp +150°
Amber Bloom Soft
#D7D0AD · hsl(50, 34%, 76%)
Split-comp +210°
Leaf Bloom Soft
#B4D7AD · hsl(110, 34%, 76%)
Export preview
Base: Orchid Bloom Soft #BBADD7 Lighter companion: Orchid Pearl Soft #D2C8E4 Darker companion: Orchid Silk Soft #A492C9 Complementary counterpoint: Olive Bloom Soft #C9D7AD Analogous lead: Mulberry Bloom Soft #C9ADD7 Analogous echo: Iris Bloom Soft #ADADD7 Triadic +120°: Ember Bloom Soft #D7BBAD Triadic +240°: Seafoam Bloom Soft #ADD7BB Split-comp +150°: Amber Bloom Soft #D7D0AD Split-comp +210°: Leaf Bloom Soft #B4D7AD
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Orchid Silk Soft
#A492C9 · hsl(260, 34%, 68%)
Nearby match
Orchid Pearl Soft
#D2C8E4 · hsl(260, 34%, 84%)
Nearby match
Orchid Bloom Muted
#BEB7CD · hsl(260, 18%, 76%)
Nearby match
Orchid Bloom Clear
#B7A1E3 · hsl(260, 54%, 76%)
Nearby match
Orchid Mist Soft
#E3DDEE · hsl(260, 34%, 90%)
Nearby match
Violet Bloom Soft
#B4ADD7 · hsl(250, 34%, 76%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
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.
