What Color Is FCEBFA?
The hex code #FCEBFA produces a vivid very light pink. It breaks down into RGB channels of 252 red, 235 green, and 250 blue, placing it firmly in the pink color family. On the HSL model, it sits at 307° on the color wheel with 74% saturation — giving it a vibrant quality — and 95% lightness, making it very light. The perceived brightness is 95% (242/255), meaning dark text (#1a1a2e) will provide optimal readability when layered on top.
FCEBFA Color Values
What Does FCEBFA Mean in Design?
Pink shades communicate romance, playfulness, compassion, and tenderness. As a very light variant with 74% saturation, #FCEBFA carries a vibrant energy that makes it suitable for both primary and supporting roles in design systems. In color psychology, pink tones are associated with warmth and approachability, making #FCEBFA ideal for brands that need to project friendliness and enthusiasm.
Where to Use FCEBFA — Practical Applications
#FCEBFA as a full-bleed background with dark text (#1a1a2e) overlay text for immediate visual impact on landing pages.rgba(252, 235, 250, 0.15)) for subtle card surfaces that add depth without overwhelming content.#CABCC8) for clear interactive feedback.#FCEBFA as the primary swatch, using #E9FCEB as the complementary accent.#F9FCE9 and #E9F9FC for a triadic scheme that maximizes readability.#FCEBFA backgrounds with white typography overlays.#FCEBFA to #FDF0FB for eye-catching newsletter designs.FCEBFA Color Combinations
These are mathematically calculated color harmonies based on the 307° hue position of #FCEBFA on the color wheel. Use them to build balanced, professional palettes.
Similar Colors to FCEBFA
Colors visually close to #FCEBFA with subtle variations in hue, saturation, or brightness. Useful for creating gradient transitions, hover states, and layered interface designs.
Tints and Shades of FCEBFA
A tint is made by mixing #FCEBFA 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 FCEBFA in CSS
Copy-ready CSS code snippets for implementing #FCEBFA in your stylesheets. Includes custom properties, gradients, and opacity variants.
.element {
color: #FCEBFA;
background-color: #FCEBFA;
border: 2px solid #FCEBFA;
box-shadow: 0 4px 14px rgba(252, 235, 250, 0.35);
}
/* CSS Custom Property */
:root {
--color-primary: #FCEBFA;
--color-primary-light: #FDF0FB;
--color-primary-dark: #CABCC8;
--color-primary-rgb: 252, 235, 250;
}
/* Gradient example */
.gradient-bg {
background: linear-gradient(135deg, #FCEBFA 0%, #FCE9F0 100%);
}
/* RGBA with opacity */
.overlay {
background: rgba(252, 235, 250, 0.15);
}FCEBFA in Design Systems
When integrating #FCEBFA into a design system, define it as a semantic token: --color-pink-very-light: #FCEBFA;. For WCAG 2.1 AA compliance, pair it with dark text (#1a1a2e) for body text. The lighter tint #FDF0FB works for subtle surface fills, while the darker shade #CABCC8 is ideal for focus rings and active states. In Figma or Sketch, add it to your shared library as Pink/Very-Light so the entire team references the single source of truth.
Accessibility Considerations for FCEBFA
Since #FCEBFA is a light color (brightness 95%), use dark text to meet WCAG 2.1 contrast requirements. A foreground of #1a1a2e on a #FCEBFA 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 FCEBFA
What color is #FCEBFA?
#FCEBFA is a vivid very light pink with RGB(252, 235, 250) and HSL(307°, 74%, 95%). It belongs to the pink family.What is the RGB value of FCEBFA?
Is #FCEBFA dark or light?
What is the CMYK of FCEBFA?
What colors go well with #FCEBFA?
How do I use FCEBFA in CSS?
color: #FCEBFA; for text, background-color: #FCEBFA; for backgrounds, border: 2px solid #FCEBFA; for borders.