Aureolin

#FDEE00

Yellow Family →

What Color is Aureolin

Aureolin, also known as Cobalt Yellow, is a vivid and highly saturated hue that sits at the peak of the yellow spectrum. It possesses a luminous quality that makes it feel almost electric. This color is favored for its transparent nature in traditional painting.

What color is opposite Aureolin?

The opposite color to Aureolin is Blue (#0011ff).

View Blue

Additional Information

  • Color Family: Yellow
  • Temperature: Warm
  • Associated Season: Spring
  • Complementary Color: #0011FF
  • Brightness: 215/255
  • Saturation: 100%

Colors That Pair Well With Aureolin

Complementary

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

#FDEE00#0011ff

High Contrast

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

#FDEE00#0211ff

Harmonious Depth

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

#fef566#7f7700

Aureolin History

Discovered in 1848 by the chemist Nikolaus Wolfgang Fischer, this synthetic pigment was a breakthrough for artists. It was officially introduced as a commercial paint in 1852, quickly becoming a staple for watercolorists who valued its permanence over the fleeting natural alternatives of the era.

During the Victorian age, it became a symbol of innovation in chemical engineering. Because of its metallic origin as potassium cobaltinitrite, it offered a depth of color that natural earth pigments could not achieve, bridging the gap between traditional craft and modern science.

Meaning & Psychology

This shade radiates optimism and mental clarity, acting as a cognitive stimulant that demands immediate focus. It is often associated with the intellect because it mirrors the sharp, piercing light of a midday sun.

However, its intense saturation can also evoke a sense of alertness. When used sparingly, it provides a burst of energy, but in excess, it can create a feeling of sensory intensity that may overwhelm the viewer.

In Nature

While the pigment itself is a synthetic chemical compound, its appearance mimics the brilliance found in the petals of the yellow primrose or the summer plumage of the male goldfinch. In the mineral world, it reflects the sulfuric deposits found near volcanic vents, creating a sharp contrast against dark volcanic rock.

How To Use Aureolin

For designers, Aureolin is a powerful tool for creating a high-impact focal point or a digital highlight. Its extreme brightness makes it ideal for notifications or primary buttons, provided it is paired with dark backgrounds to ensure text readability.

From an accessibility standpoint, this color must be used with caution against white backgrounds. It works best when contrasted with deep purples or navy blues to stabilize its natural vibrancy and prevent eye strain.

Related Words

18481852permanenceinnovationmetallicoptimismclarityintellectalertnessenergyintensitysyntheticbrillianceprimrosegoldfinchsulfuricfocalhighlightnotificationsreadabilityvibrancy

Curated Palettes

#FDEE00
#002366
#2F4F4F
#708090
#E1E1E1

Cobalt Contrast

A sophisticated palette that balances the high energy of Aureolin with deep, grounding blues and grays.

#FDEE00
#FF69B4
#32CD32
#8A2BE2
#FF4500

Prismatic Flora

Inspired by bright spring blooms, this palette uses Aureolin as a primary light source.

#FDEE00
#1A1A1B
#3D3D3D
#00FFEF
#FF0055

Industrial Neon

A modern, high-visibility scheme designed for digital interfaces and alert systems.

Color Conversions

Hex
#FDEE00
RGB
253, 238, 0
RGB %
99%, 93%, 0%
HSL
56°, 100%, 50%
HSV
56°, 100%, 99%
CMYK
0%, 6%, 100%, 1%
LAB
92.59, -14.21, 91.10
XYZ
71.08, 82.03, 12.09

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

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

Shop Premium Products in Aureolin

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
Aureolin

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 Aureolin?

Explore color palettes containing Aureolin 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

Caran d'ache Luminance 6901

Lemon Yellow

#240#F1EC29

Buy

Prismacolor

Neon Yellow

#PC1035#FFFF3B

Buy

Polychromos

light cadmium yellow

#105#FFE73E

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Aureolin?
The hex code for Aureolin is #FDEE00. The RGB values are (253, 238, 0). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Aureolin?
Aureolin pairs well with its complementary color, Blue (#0011ff). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Aureolin accessible for text?
No, Aureolin 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 Aureolin in CSS?

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

.aureolin {
  background-color: #FDEE00;
  color: #FFFFFF;
}

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