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