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