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