Unmellow Yellow

HEX: #FFFF66 | Modern Palette

On White
1.06:1
FAIL
On Black
19.75:1
PASS

Color Specifications

HEX
#FFFF66
RGB
255, 255, 102
HSL
60°, 100% ,70%
CMYK
0, 0, 60, 0

About Unmellow Yellow

Unmellow Yellow (#FFFF66) is a color with RGB(255, 255, 102) and HSL(60°, 100%, 70%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is Very Light Blue (#6666FF), which creates strong contrast. Its triadic palette includes #66FFFF and #FF66FF. The name comes from Unmellow Yellow (English).

  • HEX: #FFFF66
  • RGB: 255, 255, 102
  • HSL: 60°, 100%, 70%
  • Mood: Energetic, Bold
  • Style: Vivid, Neon
  • Use case: Text, Button, Accent
  • Complementary color: Very Light Blue (#6666FF)
  • Triadic colors: #66FFFF, #FF66FF
  • The name comes from Unmellow 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 #FFFF66 from deepest shade to lightest tint.

Color Characteristics

Mood
Energetic Bold
Style
Vivid Neon
Use case
Text Button Accent

Accessibility Simulation

Deuteranopia #FFFF66
Protanopia #FFFF66
Tritanopia #FFF2F2
Achromatopsia #F8F8F8

Frequently Asked Questions

Unmellow Yellow (#FFFF66) is a color with RGB(255, 255, 102) and HSL(60°, 100%, 70%).

#FFFF66 pairs strongly with Very Light Blue (#6666FF) as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#FFFF66 is suitable for Text, Button, Accent and works well with Vivid, Neon styles.

#FFFF66 is commonly associated with Energetic, Bold.

The name Unmellow Yellow is linked to Unmellow Yellow from English, meaning A playful and somewhat paradoxical phrase combining 'unmellow' (suggesting not calm, vibrant, or intense) with 'yellow' (the color itself). It implies a very bright, perhaps even jarring or energetic, shade of yellow..

Name, History & Etymology

Origin Word Unmellow Yellow
Meaning A playful and somewhat paradoxical phrase combining 'unmellow' (suggesting not calm, vibrant, or intense) with 'yellow' (the color itself). It implies a very bright, perhaps even jarring or energetic, shade of yellow.
Language English
First Recorded Use Late 20th Century

History

The term 'Unmellow Yellow' was popularized by Crayola when it was introduced as a new crayon color in 1990. Crayola often uses creative and evocative names for its colors, and this one perfectly captures a bright, almost neon-like yellow that isn't 'mellow' or soft. It replaced 'Maize' in the standard 64-count box. The color itself, #ffff66, is a very pure and bright yellow, leaning towards a lemon or canary yellow, but with a slight intensity that justifies the 'unmellow' descriptor.

First Recorded Use

The exact first use is difficult to pinpoint, but the phrase gained significant traction and recognition with its inclusion as a Crayola crayon color in 1990. Prior to that, it might have been used informally in descriptive language.

Cultural Associations

As a Crayola color, 'Unmellow Yellow' holds a nostalgic place for many who grew up in the 1990s and beyond. Crayola colors often become part of a shared cultural lexicon, and this particular name is memorable for its whimsical and slightly contradictory nature. It evokes a sense of youthful energy and brightness, often associated with sunshine, happiness, and creativity. It's a color that stands out and demands attention.

Similar Named Colors
Icterine #FCF75E ΔE 1.85
Lemon Yellow #FFF44F ΔE 3.47
Yellow (RYB) #FEFE33 ΔE 3.64
Electric Yellow #FFFF33 ΔE 3.69

Code Snippets

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

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

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

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #FFFF66,
        #6666FF
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #FFFF66,
        #6666FF
    );
}

// SCSS variable
$unmellow-yellow: #FFFF66;

// With RGB channels (useful for rgba() usage)
$unmellow-yellow-r: 255;
$unmellow-yellow-g: 255;
$unmellow-yellow-b: 102;

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