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