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