Flavescent

#F7E98E

Yellow Family →

What Color is Flavescent

Flavescent is a pale, buttery yellow that sits between cream and gold. It evokes a sense of ethereal light and quiet sophistication.

What color is opposite Flavescent?

The opposite color to Flavescent is Portage (#8d9bf7).

View Portage

Additional Information

  • Color Family: Yellow
  • Temperature: Warm
  • Associated Season: Summer
  • Complementary Color: #8D9BF7
  • Brightness: 227/255
  • Saturation: 43%

Colors That Pair Well With Flavescent

Complementary

Pair with Portage for a harmonious, balanced look. Great for backgrounds and accents.

#F7E98E#8d9bf7

High Contrast

Use Arapawa for maximum readability. Ideal for text or critical UI elements.

#F7E98E#081671

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#faf2bb#7c7547

Flavescent History

The term originates from the Latin 'flavescere,' meaning 'to turn yellow,' and first appeared in English records during the mid-17th century. Historically, this luminous shade was achieved by artists using thin glazes of yellow ochre mixed with lead white, allowing for a depth of light that pure pigments couldn't reach.

During the Rococo period, this mellow hue became a staple in European interior design. It provided a sense of warmth in grand ballrooms without the heavy, oppressive visual weight of traditional gold leaf or deeper mustard tones.

Meaning & Psychology

Psychologically, Flavescent represents a gentle optimism that avoids the frantic energy of brighter yellows. It is often associated with clarity and intellectual openness, making it a preferred choice for spaces intended for deep thought or calm conversation.

In various cultures, this ripening tone symbolizes the transition from growth to maturity. It carries a sense of abundance and peace, suggesting a harvest that is ready but not yet weathered by the elements.

In Nature

In the natural world, this color is most prominently seen in the stalks of drying wheat, the delicate petals of the primrose, and the fine pollen found on the wings of the Clouded Yellow butterfly. It is a color of ripening and seasonal shift.

How To Use Flavescent

As a senior designer, I recommend Flavescent as a sophisticated background alternative to stark white in digital interfaces. It significantly reduces flicker and eye strain, creating a more premium, 'paper-like' reading experience for long-form content.

From an accessibility standpoint, users must be cautious with contrast ratios. Use dark charcoals or deep navy blues for typography atop this hue to ensure legibility, as its high luminance can easily swallow thin or light-colored fonts.

Related Words

luminousochremellowwarmthgentleclaritymaturityabundancewheatprimrosepollenripeningbackgroundflickercontrastluminance

Curated Palettes

#F7E98E
#D4A373
#8B5E34
#BC6C25
#606C38

Summer Harvest

A warm, earthy palette inspired by ripening fields and natural textures.

#F7E98E
#A2D2FF
#FFC8DD
#BDE0FE
#FEEAFA

Rococo Revival

A soft, pastel-driven selection that mimics 18th-century French elegance.

#F7E98E
#2B2D42
#8D99AE
#EDF2F4
#EF233C

Modern Minimalist

A high-contrast, professional palette suitable for contemporary branding.

Color Conversions

Hex
#F7E98E
RGB
247, 233, 142
RGB %
97%, 91%, 56%
HSL
52°, 87%, 76%
HSV
52°, 43%, 97%
CMYK
0%, 6%, 43%, 3%
LAB
91.69, -7.58, 45.83
XYZ
72.38, 80.00, 37.22

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #F7E98E;
Text Color (RGB)
Aa
color: rgb(247, 233, 142);
Background Color
background-color: #F7E98E;
Border
border: 3px solid #F7E98E;
Box Shadow
box-shadow: 0 4px 12px #F7E98E66;
Gradient
background: linear-gradient(135deg, #F7E98E 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Flavescent

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Flavescent

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Flavescent?

Explore color palettes containing Flavescent and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Prismacolor

Yellow Chartreuse

#PC1004#FFF991

Buy

Polychromos

cream

#102#FFF1B6

Buy

Caran d'ache Luminance 6901

Naples Ochre

#821#F4DAA3

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Flavescent?
The hex code for Flavescent is #F7E98E. The RGB values are (247, 233, 142). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Flavescent?
Flavescent pairs well with its complementary color, Portage (#8d9bf7). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Flavescent accessible for text?
No, Flavescent is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Flavescent in CSS?

You can use Flavescent in CSS with its hex code. Here is an example class:

.flavescent {
  background-color: #F7E98E;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.