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

Titanium Yellow #EEE600 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

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

Color Harmonies

Titanium Yellow #EEE600 pairs with #0008EE as its complementary color, and #00EEE6 and #E600EE in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

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

TITANIUM YELLOW
Analogous

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

TITANIUM YELLOW
Triadic

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

TITANIUM YELLOW
Split-Complementary

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

TITANIUM YELLOW
Tetradic (Square)

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

TITANIUM YELLOW
Monochromatic

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

TITANIUM YELLOW

Shades & Tints

The shade and tint range for Titanium Yellow #EEE600 moves from dark #1A1900 tones through the base color to lighter #FFFEE6 tones, making it useful for depth, hierarchy, and background variation.

TITANIUM YELLOW

Color Characteristics

Mood
Energetic Bold
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);
}