What Color Is BFACEB?
The hex code #BFACEB produces a vivid light blue. It breaks down into RGB channels of 191 red, 172 green, and 235 blue, placing it firmly in the blue color family. On the HSL model, it sits at 258° on the color wheel with 61% saturation — giving it a vibrant quality — and 80% lightness, making it light. The perceived brightness is 72% (185/255), meaning dark text (#1a1a2e) will provide optimal readability when layered on top.
BFACEB Color Values
What Does BFACEB Mean in Design?
Blue shades inspire trust, depth, stability, and professional confidence. As a light variant with 61% saturation, #BFACEB carries a vibrant energy that makes it suitable for both primary and supporting roles in design systems. In color psychology, blue tones are associated with calm and trustworthiness, making #BFACEB ideal for brands that need to project reliability and serenity.
Where to Use BFACEB — Practical Applications
#BFACEB as a full-bleed background with dark text (#1a1a2e) overlay text for immediate visual impact on landing pages.rgba(191, 172, 235, 0.15)) for subtle card surfaces that add depth without overwhelming content.#998ABC) for clear interactive feedback.#BFACEB as the primary swatch, using #D8EBAD as the complementary accent.#EBC0AD and #ADEBC0 for a triadic scheme that maximizes readability.#BFACEB backgrounds with white typography overlays.#BFACEB to #CFC1F0 for eye-catching newsletter designs.BFACEB Color Combinations
These are mathematically calculated color harmonies based on the 258° hue position of #BFACEB on the color wheel. Use them to build balanced, professional palettes.
Similar Colors to BFACEB
Colors visually close to #BFACEB with subtle variations in hue, saturation, or brightness. Useful for creating gradient transitions, hover states, and layered interface designs.
Tints and Shades of BFACEB
A tint is made by mixing #BFACEB with white (increasing lightness), while a shade is made by mixing with black (decreasing lightness). These variations are essential for creating depth, hierarchy, and interactive states in UI design.
How to Use BFACEB in CSS
Copy-ready CSS code snippets for implementing #BFACEB in your stylesheets. Includes custom properties, gradients, and opacity variants.
.element {
color: #BFACEB;
background-color: #BFACEB;
border: 2px solid #BFACEB;
box-shadow: 0 4px 14px rgba(191, 172, 235, 0.35);
}
/* CSS Custom Property */
:root {
--color-primary: #BFACEB;
--color-primary-light: #CFC1F0;
--color-primary-dark: #998ABC;
--color-primary-rgb: 191, 172, 235;
}
/* Gradient example */
.gradient-bg {
background: linear-gradient(135deg, #BFACEB 0%, #DFADEB 100%);
}
/* RGBA with opacity */
.overlay {
background: rgba(191, 172, 235, 0.15);
}BFACEB in Design Systems
When integrating #BFACEB into a design system, define it as a semantic token: --color-blue-light: #BFACEB;. For WCAG 2.1 AA compliance, pair it with dark text (#1a1a2e) for body text. The lighter tint #CFC1F0 works for subtle surface fills, while the darker shade #998ABC is ideal for focus rings and active states. In Figma or Sketch, add it to your shared library as Blue/Light so the entire team references the single source of truth.
Accessibility Considerations for BFACEB
Since #BFACEB is a light color (brightness 72%), use dark text to meet WCAG 2.1 contrast requirements. A foreground of #1a1a2e on a #BFACEB background will pass AA for normal text and AAA for large text. Always test with tools like the ColorPickerCode contrast checker before shipping to production.
Frequently Asked Questions About BFACEB
What color is #BFACEB?
#BFACEB is a vivid light blue with RGB(191, 172, 235) and HSL(258°, 61%, 80%). It belongs to the blue family.What is the RGB value of BFACEB?
Is #BFACEB dark or light?
What is the CMYK of BFACEB?
What colors go well with #BFACEB?
How do I use BFACEB in CSS?
color: #BFACEB; for text, background-color: #BFACEB; for backgrounds, border: 2px solid #BFACEB; for borders.