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