Titanium Yellow

HEX: #EEE600 | Modern Palette

On White
1.32:1
FAIL
On Black
15.95:1
PASS

Color Specifications

HEX
#EEE600
RGB
238, 230, 0
HSL
58°, 100% ,46%
CMYK
0, 3, 100, 7

About Titanium Yellow

Titanium Yellow (#EEE600) is a color with RGB(238, 230, 0) and HSL(58°, 100%, 46.7%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #0008EE, which creates strong contrast. Its triadic palette includes #00EEE6 and #E600EE. The name comes from Titanium Yellow (English).

  • HEX: #EEE600
  • RGB: 238, 230, 0
  • HSL: 58°, 100%, 46.7%
  • Mood: Energetic, Bold
  • Style: Vivid, Warm
  • Use case: Text, Button, Accent
  • Complementary color: #0008EE
  • Triadic colors: #00EEE6, #E600EE
  • The name comes from Titanium Yellow (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #EEE600 from deepest shade to lightest tint.

Color Characteristics

Style
Vivid Warm
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #E8E800
Protanopia #E7E701
Tritanopia #FBD9D9
Achromatopsia #E0E0E0

Frequently Asked Questions

Titanium Yellow (#EEE600) is a color with RGB(238, 230, 0) and HSL(58°, 100%, 46.7%).

#EEE600 pairs strongly with #0008EE as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#EEE600 is suitable for Text, Button, Accent and works well with Vivid, Warm styles.

#EEE600 is commonly associated with Energetic, Bold.

The name Titanium Yellow is linked to Titanium Yellow from English, meaning A yellow pigment derived from titanium compounds..

Name, History & Etymology

Origin Word Titanium Yellow
Meaning A yellow pigment derived from titanium compounds.
Language English
First Recorded Use Early 20th Century

History

Titanium dioxide (TiO2) is a naturally occurring oxide of titanium. While primarily known for its use as a white pigment (titanium white), it can be combined with other elements or processed in specific ways to create a range of colors, including yellows. 'Titanium Yellow' specifically refers to a pigment where titanium dioxide is often combined with nickel and antimony (Nickel Antimony Titanium Yellow Rutile) to achieve a stable, bright yellow. This pigment offers excellent lightfastness, weather resistance, and opacity, making it valuable in paints, plastics, and ceramics. Its rise in popularity coincided with the broader industrial adoption of titanium pigments as alternatives to more toxic or less stable traditional pigments.

First Recorded Use

The development and commercialization of titanium dioxide pigments began in the early 20th century, with various yellow shades appearing as part of the broader range of titanium-based colors.

Cultural Associations

In art, Titanium Yellow provides a modern, stable yellow option for artists. In industrial design and consumer products, its durability and vibrant hue make it a popular choice for plastics, coatings, and textiles where color retention and performance are critical. It is often associated with bright, clean, and modern aesthetics due to its purity of color and excellent performance characteristics.

Similar Named Colors

Peridot #E6E200 ΔE 1.39
Dandelion #F0E130 ΔE 2.35
Aureolin #FDEE00 ΔE 2.55
Canary Yellow #FFEF00 ΔE 2.89

Code Snippets

/* Background */
.element {
    background-color: #EEE600;
}

/* Text */
.element {
    color: #EEE600;
}

/* Border */
.element {
    border: 1px solid #EEE600;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #EEE600,
        #0008EE
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #EEE600,
        #0008EE
    );
}

// SCSS variable
$titanium-yellow: #EEE600;

// With RGB channels (useful for rgba() usage)
$titanium-yellow-r: 238;
$titanium-yellow-g: 230;
$titanium-yellow-b: 0;

// Usage
.element {
    background-color: $titanium-yellow;
    color: rgba($titanium-yellow-r, $titanium-yellow-g, $titanium-yellow-b, 0.8);
}