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