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

Aureolin Yellow

January 15, 2025
PALETTE GENERATOR
#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.
Build with ❤️ Lovable