Cobalt Yellow

A transparent watercolor pigment, pure and luminous with a cool undertone

HEX#F2D53C
RGBrgb(242, 213, 60)
HSLhsl(50, 87%, 59%)
HSVhsv(50, 75%, 95%)
CMYKcmyk(0%, 12%, 75%, 5%)
HEXA#F2D53CFF
RGBArgba(242, 213, 60, 1)
HSLAhsla(50, 87%, 59%, 1)
OKLCHoklch(93.1%, 0.125, 102)
LCHlch(92.4%, 49.9, 109)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#F1783B
Copy
#F2D53C
Copy
#B5F13B
Triadic3 hues spaced 120° apart
Copy
#F2D53C
Copy
#3BF1D3
Copy
#D33BF1
Split ComplementaryMain color + colors adjacent to its complement
Copy
#F2D53C
Copy
#3BB5F1
Copy
#783BF1
Complementary2 hues spaced 180° apart
Copy
#F2D53C
Copy
#3B5AF1
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#F2D53C
Copy
#3BF178
Copy
#3B5AF1
Copy
#F13BB5
MonochromaticSingle hue with varying saturation and lightness
Copy
#5B4D06
Copy
#BA9D0D
Copy
#F2D53C
Copy
#F8E99B
Copy
#FFFEFA

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#4C4005Ratio 7:1AAA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#486907Ratio 4.4:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#208F0ARatio 2.9:1Fail
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#0CAC91Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#8A750ACopy
#BA9D0DCopy
#EAC510Copy
#F1D33BCopy
#F5DE6BCopy
#F8E99BCopy
#FBF3CBCopy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#D2BE5BCopy
#DCC550Copy
#E7CC46Copy
#F1D33BCopy
#FCDA31Copy
#FFDC2ECopy
#FFDC2ECopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#917D1DCopy
#B99F1DCopy
#E4C31BCopy
#EFD139Copy
#F7DD59Copy
#FDE87CCopy
#FFF0A3Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#F1A63BCopy
#F1B53BCopy
#F1C43BCopy
#F1D33BCopy
#F1E23BCopy
#F1F13BCopy
#E2F13BCopy

💡 Use Cases

🖌️

Watercolor Sketching

An essential pigment for depicting dawn/dusk sky light and water reflections in landscape watercolor. The transparent layering effect of Cobalt Yellow is difficult to replicate in digital painting.

📿

Meditation Spaces

Light installations in yoga and meditation spaces use the color temperature of Cobalt Yellow to simulate the first light before sunrise, helping the body and mind enter a state of peaceful awareness.

🕯️

Church Stained Glass

In modern church stained glass windows, Cobalt Yellow is paired with cobalt blue to create a sacred, ethereal translucency like 'heavenly light' for the sanctuary space.

💎

Fine Jewelry

Jewelry designs using citrine or yellow topaz take Cobalt Yellow as their color benchmark, conveying a modern elegance that is lighter and more translucent than gold.

📜 Origin & History

Cobalt Yellow, chemically potassium cobaltinitrite, was synthesized in 1848 by German chemist Nikolaus Wolfgang Fischer. Unlike the opaque Chrome Yellow, Cobalt Yellow is a transparent watercolor pigment that, when dry, leaves a pure, luminous, cool-toned yellow on the paper, like sun-washed light.

The British watercolor school was the first to bring Cobalt Yellow to the artistic forefront. In the late works of the Victorian watercolor master J.M.W. Turner, Cobalt Yellow was used to represent light piercing through mist and reflections on water. That ethereal, barely-there transparency was an effect no previous yellow pigment could achieve.

In the latter half of the 19th century, Cobalt Yellow was introduced to France. Impressionist painters, working en plein air, found that Cobalt Yellow excelled at depicting the subtle warm light at the boundary of sky and water. In Monet's 'Rouen Cathedral' series, the reflection of morning light on the stone carvings employed many thin washes of Cobalt Yellow.

American watercolorist John Singer Sargent pushed the transparency of Cobalt Yellow to its limit. In his Venice series of watercolors, Sargent layered washes of Cobalt Yellow to create the translucent shimmer of light as a gondola cuts through the water—acclaimed as a pinnacle of watercolor technique.

In the 20th century, due to the high cost of cobalt, Cobalt Yellow was gradually replaced by organic transparent yellows, but it has always been retained in artist-grade watercolor paints. Contemporary watercolor enthusiasts still take pride in owning a tube of Cobalt Yellow, as it represents the unyielding pursuit of transparency and purity within the art of watercolor.

🧠 Color Psychology

Pure and TranslucentCobalt Yellow is like washed morning light, free from any turbidity, bringing a sense of mental cleanliness and a deep breath for the visual sense.
Ethereal StillnessIts transparent quality makes Cobalt Yellow weightless, like sunlight in mist, creating an ethereal stillness and silence close to a Zen state.
Rational GentlenessA cool undertone allows Cobalt Yellow to maintain a rational texture within its warmth, suitable for occasions requiring calm thinking yet not feeling too cold.
Diffuse PoetryThe random textures that bloom as Cobalt Yellow watermarks spread on paper resemble nature's artistry, full of unpredictable poetic beauty and the charm of serendipity.
Lightness and FreedomThis color lacks the heaviness and toxicity of Chrome Yellow. Light as a whistle, it conveys a free spirit unburdened by constraints.
Contemplative TranquilityThe cool, clear light of Cobalt Yellow is suitable for long viewing without fatigue, capable of guiding one into a mental state of contemplation and meditation.