Yellow Colors

Everything you need to know about yellow colors to inspire your next design.

Pick a color

Hex

#FFD700

RGB

255,215,0

HSB

51,100%,100%

HSL

51,100%,50%
Yellow Presets

Pick palette settings

#FFD700
#FFBF00
#FFF44F
#FFFF99
#DAA520

What are Yellow Colors?

Yellow is one of the three primary colors and represents the color of sunshine, gold, and lemons. It's often associated with happiness, optimism, energy, warmth, and creativity. Yellow is considered a stimulating color that can promote feelings of joy and positivity.

Gold Yellow

#FFD700

Yellow Colors on Digital Screens

Yellow colors are defined by the following color codes and values to ensure consistency across various digital platforms and devices:

  • Gold: #FFD700 (RGB: 255, 215, 0)
  • Amber: #FFBF00 (RGB: 255, 191, 0)
  • Lemon: #FFF44F (RGB: 255, 244, 79)
  • Mustard: #FFDB58 (RGB: 255, 219, 88)
  • Canary: #FFFF99 (RGB: 255, 255, 153)
  • Goldenrod: #DAA520 (RGB: 218, 165, 32)

Using Yellow Colors in UI Design

Yellow is a vibrant color that works well in many design contexts. Here are some tips for using yellow effectively:

  • Use yellow for call-to-action elements to draw attention and create energy
  • Lighter yellows create a sense of cheerfulness and are good for children's products or creative applications
  • Darker yellows like gold convey luxury and sophistication, making them suitable for premium brands
  • Yellow works well as an accent color rather than a dominant background color
  • Combine different shades of yellow for a warm, monochromatic color scheme
  • Be careful with yellow text as it can be difficult to read, especially on white backgrounds

Colors That Complement Yellow

Purple
Dark Gray
Cobalt Blue
Forest Green

Yellow Color Symbolism

Yellow is rich in symbolism across different cultures and contexts. It's often associated with:

Happiness and optimism, which is why it's often used in cheerful designs and children's products. Energy and attention, making it effective for warnings, highlights, and call-to-action elements. Creativity and intellect, popular in educational and artistic contexts. Warmth and sunshine, conveying positivity and vitality. Caution and warning, used universally in traffic signs and hazard notifications.

Historical Significance

Historically, yellow has been a significant color in many cultures. In ancient Egypt, yellow was associated with gold and immortality. In China, yellow was the color of emperors and considered sacred. During the Renaissance, yellow ochre was a common pigment used by artists. In modern times, yellow has become one of the most attention-grabbing colors in design, used extensively in advertising, signage, and digital interfaces to attract the eye and create a sense of energy and optimism.

Yellow Color Variants

Color Name Hex Code RGB
Gold #FFD700 rgb(255, 215, 0)
Amber #FFBF00 rgb(255, 191, 0)
Lemon #FFF44F rgb(255, 244, 79)
Mustard #FFDB58 rgb(255, 219, 88)
Canary #FFFF99 rgb(255, 255, 153)
Goldenrod #DAA520 rgb(218, 165, 32)