Aureolin Yellow

August 3, 2025
PALETTE GENERATOR

Aureolin
#FDEE00

A vibrant yellow pigment first made in 1831, known for its transparency and intense medium yellow hue, used in both oil and watercolor painting.

#FDEE00
RGB(253, 238, 0)
#FDFFE7
#F8FFC1
#F5FF86
#F7FF41
#FFFE0D
#FDEE00
#D1B200
#A68102
#89640A
#74520F
#442C04

Color Values

HEX

#FDEE00

RGB

rgb(253, 238, 0)

HSL

hsl(56°, 100%, 50%)

CMYK

0%, 6%, 100%, 1%

HSV

56°, 100%, 99%

XYZ

71.08, 82.03, 12.09

Color Variations

Monochromatic Colors of Aureolin (#FDEE00)

#B1A600
#CABE00
#E4D600
#FDEE00
#FFF118
#FFF331
#FFF44B

Tints of Aureolin (#FDEE00)

#FDEE00
#FDEF19
#FDF132
#FDF34C
#FDF466
#FEF67F
#FEF899
#FEFBCC
#FEFDE5
#FFFFFF

Triadic Colors of Aureolin (#FDEE00)

#FDEE00
#00FDEE
#EE00FD

Analogous Colors of Aureolin (#FDEE00)

#FDEE00
#8EFD00
#FD7000

Complementary Colors of Aureolin (#FDEE00)

#FDEE00
#000FFD

CSS Examples

Aureolin Sunburst

.aureolin-sunburst {
    background: #fdee00;
    box-shadow: 0 0 50px #fdee00;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { box-shadow: 0 0 50px #fdee00; }
    50% { box-shadow: 0 0 100px #fdee00; }
    100% { box-shadow: 0 0 50px #fdee00; }
}

Aureolin Gradient Button

.aureolin-gradient-button {
    background: linear-gradient(45deg, #fdee00, #fff331);
    border: none;
    color: #000;
    padding: 12px 24px;
    border-radius: 25px;
    box-shadow: 0 4px 15px rgba(253, 238, 0, 0.3);
    transition: transform 0.3s ease;
    &:hover {
        transform: translateY(-2px);
    }
}

Aureolin Highlight

.aureolin-highlight {
    background: linear-gradient(120deg, transparent 0%, transparent 50%, #fdee00 50%);
    background-size: 200% 100%;
    transition: background-position 0.3s ease;
    &:hover {
        background-position: -100% 0;
    }
}

Aureolin Pattern

.aureolin-pattern {
    background-color: #fdee00;
    background-image: 
        radial-gradient(#fff331 2px, transparent 2px),
        radial-gradient(#fff331 2px, transparent 2px);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}

Aureolin Glow Text

.aureolin-glow-text {
    color: #fdee00;
    text-shadow: 
        0 0 7px #fdee00,
        0 0 10px #fdee00,
        0 0 21px #fdee00;
    animation: glow 1s ease-in-out infinite alternate;
}

About Aureolin

Aureolin (#FDEE00), also known as cobalt yellow, is a vibrant yellow pigment with a rich history in art and design. First synthesized in 1831 by Nikolaus Wolfgang Fischer in Breslau, it has become a significant color in both oil and watercolor painting.

Cool Info

  • First created in 1831 as a "Doppelsalze" (double-salt)
  • Chemical composition: potassium cobaltinitrite
  • Introduced as an artist's pigment by Edouard Saint-Evre in 1851-1852
  • Known for its transparency and intense medium yellow hue
  • More popular in watercolors than oil paintings

Color Characteristics

  • Transparent yellow pigment
  • High saturation (100%)
  • Excellent lightfastness
  • Intense medium yellow hue
  • Unique combination of brightness and depth

Usage in Art and Design

Aureolin is particularly valued for:

  • Watercolor paintings
  • Fine art applications
  • Digital design
  • Color mixing and glazing
  • Creating vibrant highlights

Historical Significance

While relatively expensive, Aureolin has been used by several manufacturers including Winsor & Newton, Talens Rembrandt, and Daniel Smith. Its unique properties make it particularly valuable in watercolor applications, where its transparency and intensity can create stunning effects.

Aureolin Yellow
#FDEE00
(253, 238, 0)

Real Design Examples 👇🏽

Fashion

No items found.

Interior

No items found.

Wallpapers

No items found.

Patterns

No items found.

Best Match

Aureolin Yellow
#FDEE00
No items found.