What Color Is #B2BFC2?

In the HSL model, #B2BFC2 is defined as (191°, 12%, 73%). The 191° hue angle corresponds directly to the cyan portion of the color wheel. Combined with light lightness and moderate saturation, this shade delivers subtle, sophisticated presence.

Color Meaning of #B2BFC2

From a psychological standpoint, #B2BFC2 taps into cyan associations of innovation, technology, and serenity. The light character of this specific shade means it invites interaction rather than demanding it — perfect for background surfaces and secondary elements.

Where to Use HEX Code #B2BFC2

E-commerce product card borders and "add to cart" button styling for cyan-branded storefronts
Modal overlay tints — applying #B2BFC2 at 10-20% opacity creates depth behind dialog content
Infographic accent elements where multiple cyan shades build visual storytelling layers
Notification badges that remain legible against varied nav-bar backgrounds
Event and calendar UI — light cyan marks selected dates and active time slots
Slide deck title bars and presentation themes for consistent conference branding

Similar HEX Color Codes

#C1CED1
A closely related white shade with subtle tonal variation
#CBD8A9
Similar hue with adjusted saturation for alternative design needs
#8F9CE5
Complementary blue tone for palette coordination
#DF9295
Nearby color value offering slightly different brightness
#7B88F9
Related blue option for creating harmonious color schemes
#717E81
Adjacent shade useful for gradient transitions
#67FFFF
Comparable gray alternative with distinct character

HEX Code #B2BFC2 in Design Systems

For Figma and code handoff, document #B2BFC2 with its roles: when to use it, which backgrounds it pairs with, and which text colors sit on top of it. Include a "do / don't" section showing approved and forbidden combinations — this prevents designers from accidentally creating inaccessible pairs.

With brightness at 187/255, layer it behind dark text for comfortable reading. It also works as a tinted background that softens a white-heavy layout without introducing visual heaviness.

FAQ About HEX Color Code #B2BFC2

What color is #B2BFC2?
This HEX code renders as a light cyan shade on screen. Its RGB components (178, 191, 194) create a cyan-dominant appearance with light depth.
Is #B2BFC2 a dark or light color?
Light. The weighted luminance formula (0.299R + 0.587G + 0.114B) gives #B2BFC2 a score of 187/255, placing it above the midpoint. This classification affects which text colors achieve adequate contrast.
What colors go well with #B2BFC2?
#B2BFC2 pairs well with contrasting colors opposite it on the color wheel (≈11°) for dynamic compositions. For cohesive, calm palettes, combine it with neighboring hues at ±30° and tinted neutrals in the same cyan family.
Can I use #B2BFC2 for branding?
Yes. #B2BFC2 works as a brand color when cyan-family associations — clarity, openness, and modernity — align with your positioning. Define it formally in your brand guidelines with permitted tints, shades, and pairing rules for consistent application.
How do I convert #B2BFC2 to other color formats?
The full conversion: RGB(178, 191, 194), HSL(191°, 12%, 73%). CMYK values depend on the print profile but approximate C:30% M:25% Y:24% K:0%. Our converter tools handle all formats instantly.