Deep Lemon

HEX: #F5C71A | Modern Palette

On White
1.61:1
FAIL
On Black
13.07:1
PASS

Color Specifications

HEX
#F5C71A
RGB
245, 199, 26
HSL
47°, 89% ,96%
CMYK
0, 18.78, 89.39, 3.92

About Deep Lemon

Deep Lemon (#F5C71A) is a color with RGB(245, 199, 26) and HSL(47.4°, 89.39%, 96.08%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #1A48F5, which creates strong contrast. Its triadic palette includes #1AF5C7 and #C71AF5. The name comes from Deep Lemon (English).

  • HEX: #F5C71A
  • RGB: 245, 199, 26
  • HSL: 47.4°, 89.39%, 96.08%
  • Mood: Playful
  • Style: Neon, Warm
  • Use case: Text, Button, Background
  • Complementary color: #1A48F5
  • Triadic colors: #1AF5C7, #C71AF5
  • The name comes from Deep Lemon (English).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Deep Lemon #F5C71A 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.
 
 
DEEP LEMON
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
DEEP LEMON
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
DEEP LEMON
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Deep Lemon #F5C71A pairs with #1A48F5 as its complementary color, and #1AF5C7 and #C71AF5 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.

DEEP LEMON
Analogous

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

DEEP LEMON
Triadic

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

DEEP LEMON
Split-Complementary

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

DEEP LEMON
Tetradic (Square)

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

DEEP LEMON
Monochromatic

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

DEEP LEMON

Shades & Tints

The shade and tint range for Deep Lemon #F5C71A moves from dark #181401 tones through the base color to lighter #FEF9E7 tones, making it useful for depth, hierarchy, and background variation.

DEEP LEMON

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #D6D609
Protanopia #CDCD1C
Tritanopia #FEBCBC
Achromatopsia #CCCCCC

Frequently Asked Questions

Deep Lemon (#F5C71A) is a color with RGB(245, 199, 26) and HSL(47.4°, 89.39%, 96.08%).

#F5C71A pairs strongly with #1A48F5 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#F5C71A is suitable for Text, Button, Background and works well with Neon, Warm styles.

#F5C71A is commonly associated with Playful.

The name Deep Lemon is linked to Deep Lemon from English, meaning A rich, saturated shade of yellow, reminiscent of the interior flesh of a lemon, but with greater depth and intensity..

Name, History & Etymology

Origin Word Deep Lemon
Meaning A rich, saturated shade of yellow, reminiscent of the interior flesh of a lemon, but with greater depth and intensity.
Language English
First Recorded Use Late 20th Century

History

The concept of 'lemon' as a color has existed since the fruit became widely known. Early color descriptions would have used 'lemon yellow' to describe a specific shade. The addition of 'deep' is a modifier to differentiate it from lighter, paler lemon yellows. This kind of compound color naming became common as a way to precisely describe a wider spectrum of shades without inventing entirely new names for each. Its use is primarily descriptive in art, design, fashion, and manufacturing.

First Recorded Use

While the individual words 'deep' and 'lemon' have ancient origins, the specific compound color name 'Deep Lemon' likely emerged with the proliferation of standardized color systems, digital color palettes, and commercial product descriptions in the late 20th century (e.g., paint swatches, web colors, fashion descriptions). It's a descriptive term rather than a historically named pigment.

Cultural Associations

Lemon yellow, in general, is often associated with freshness, zest, energy, and happiness. 'Deep Lemon' retains these associations but adds a sense of richness, warmth, and perhaps a touch more sophistication or earthiness compared to a bright, primary lemon yellow. It can evoke images of ripe citrus, golden hour sunlight, or certain spices like turmeric. It's a vibrant but not overly aggressive yellow, making it versatile in various cultural contexts for conveying warmth and positivity.

Similar Named Colors
Jonquil #F4CA16 ΔE 1.28
Saffron #F4C430 ΔE 1.80
Tangerine Yellow #FFCC00 ΔE 1.96
Sunglow #FFCC33 ΔE 2.25

Code Snippets

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

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

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

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

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #F5C71A,
        #ECF0FE
    );
}

// SCSS variable
$deep-lemon: #F5C71A;

// With RGB channels (useful for rgba() usage)
$deep-lemon-r: 245;
$deep-lemon-g: 199;
$deep-lemon-b: 26;

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