Yellow Color Code: HEX #FFFF00 & RGB

Looking for specific yellow color codes? Get the exact yellow hex code (#FFFF00) and yellow RGB code (rgb(255,255,0)). Complete color information for design and development projects.

HEX#FFFF00

RGBrgb(255,255,0)

Shades of Yellow

Create custom shades of yellow with our color generator. Adjust hues, tints, and tones to find the perfect shade of yellow for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• FFFF00

  rgb(255, 255, 0)
• D0D015

  rgb(208, 208, 21)
• A3A21B

  rgb(163, 162, 27)
• 78771B

  rgb(120, 119, 27)
• 504E17

  rgb(80, 78, 23)
• 2B2911

  rgb(43, 41, 17)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• FFFF00

  rgb(255, 255, 0)
• FFFF7B

  rgb(255, 255, 123)
• FFFFA4

  rgb(255, 255, 164)
• FFFFC1

  rgb(255, 255, 193)
• FFFFD8

  rgb(255, 255, 216)
• FFFFED

  rgb(255, 255, 237)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• FFFF00

  rgb(255, 255, 0)
• FFFE42

  rgb(255, 254, 66)
• FFFC69

  rgb(255, 252, 105)
• FFFB8D

  rgb(255, 251, 141)
• FFF9B0

  rgb(255, 249, 176)
• FDF8D3

  rgb(253, 248, 211)
• 808080

  rgb(128, 128, 128)

Yellow Palette

Explore curated and automatically generated color palettes featuring yellow. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#FFFFC5

Light

#FFFF97

Medium Light

#FFFF63

Medium

#FFFF00

Medium Dark

#B5B50F

Dark

#717010

Darkest

#333309

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#FFFF00

Left Dark

#FFFC65

Left Medium

#FFFA99

Left Light

#FDF7C8

Neutral

#F5F5F5

Right Light

#D5BDFA

Right Medium

#AE87FD

Right Dark

#7B4FFF

Complementary End

#0000FF

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FFFF9E

Medium

#FFFF00

Dark

#6E7B00

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#FF0000

Left Adjacent 1

#FF8000

Main

#FFFF00

Right Adjacent 1

#80FF00

Right Adjacent 2

#00FF00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#FFFF00

Complementary

#0000FF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#FFFF00

Secondary

#00FFFF

Tertiary

#FF00FF

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#FFFF00

Right 90°

#00FF80

Complementary

#0000FF

Left 90°

#FF0080

Tetradic

Two pairs of complementary colors

4 colors

Main

#FFFF00

Secondary

#00FF00

Complementary

#0000FF

Complementary Secondary

#FF00FF

Split Complementary

Complementary colors ±30°

3 colors

Main

#FFFF00

Split Left

#007FFF

Split Right

#7F00FF

Cyclic

Circular gradient for periodic data

8 colors

0°

#FFFF00

45°

#40FF00

90°

#00FF80

135°

#00BFFF

180°

#0000FF

225°

#BF00FF

270°

#FF0080

315°

#FF4000

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C9C99C

Pastel 1

#D1D1A9

Pastel 2

#D8D8B6

Pastel 3

#DFDFC3

Pastel 4

#E6E6D1

Deep Pastel

#EDEDDE

Common Yellow Color Codes (HEX & RGB)

Shades of Gold

HEX:#FFD700

RGB:rgb(255, 215, 0)

Yellow

HEX:#FFFF00

RGB:rgb(255, 255, 0)

Light Yellow

HEX:#FFFFE0

RGB:rgb(255, 255, 224)

Gold

HEX:#FFD700

RGB:rgb(255, 215, 0)

Metallic Gold

HEX:#B8860B

RGB:rgb(184, 134, 11)

All Yellow Colors

Browse all 58 yellow colors with exact hex and RGB values:

• Amber
• Antique Gold
• Banana
• Brass
• Bright Gold
• Bumblebee
• Butter
• Buttercup
• Canary Yellow
• Citrine
• Classic Gold
• Cornsilk
• Cyber Yellow
• Dandelion
• Dark Amber
• Dark Gold
• Dark Khaki
• Dijon
• Ecru
• Elegant Gold
• Flax
• Gold
• Golden Brown
• Golden Yellow
• Goldenrod
• Harvest Gold
• Honey
• Khaki
• Lemon
• Lemon Chiffon
• Light Amber
• Light Gold
• Light Khaki
• Light Lemon
• Light Yellow
• Luxury Gold
• Marigold
• Metallic Gold
• Mustard
• Muted Gold
• Neon Yellow
• Old Gold
• Pale Gold
• Rich Gold
• Rose Gold
• Safety Yellow
• Saffron
• Sand
• School Bus Yellow
• Sunflower
• Tangerine Yellow
• UCLA Gold
• Vanilla
• Vegas Gold
• Vintage Gold
• Warm Gold
• Wheat
• White Gold

Understanding Yellow: The Color of Sunshine and Happiness

Yellow is the brightest color in the visible spectrum, representing sunshine, happiness, and energy. It's a color that instantly lifts the mood and draws attention. Yellow has played an important role in art, culture, and everyday life.

The Science of Yellow

Yellow sits between green and orange in the visible spectrum. It's created by mixing red and green light, making it a secondary color in the RGB model. Yellow is the most luminous color, reflecting more light than any other hue.

Cultural Significance of Yellow

Yellow carries diverse symbolism across cultures:

• Western Cultures: Yellow represents happiness, optimism, and friendship. It's the color of smiley faces and caution signs.
• China: Yellow is the color of royalty and imperial power. It represents prosperity and good fortune.
• India: Yellow symbolizes learning, knowledge, and spring festivals like Holi.
• Japan: Yellow is associated with courage and refinement.
• Ancient Cultures: Egyptians used yellow for gold, and Greeks associated it with the sun god.

Yellow in Nature

Yellow appears in many natural phenomena:

• Sun: The source of life-giving light
• Flowers: Sunflowers, daffodils, and roses
• Fruits: Lemons, bananas, and mangoes
• Birds: Canaries, yellow warblers, and goldfinches
• Butterflies: Monarch butterflies with vibrant yellow wings
• Autumn: Golden fall leaves

Extract Yellow Hex & RGB Codes from Image

Upload a photo to find the exact yellow HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Yellow Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #FFFF00
• RGB:
  rgb(255, 255, 0)
• CMYK:
  cmyk(0%, 0%, 100%, 0%)
• HSV:
  hsv(60°, 100%, 100%)
• HSL:
  hsl(60°, 100%, 50%)

---

Yellow Color Psychology

Yellow has powerful psychological effects:

Positive Associations

• Happiness and joy: Smiles, laughter, sunshine
• Optimism and hope: New beginnings, bright futures
• Energy and warmth: The sun, summer days
• Creativity and intellect: Ideas, inspiration
• Friendship and loyalty: Yellow ribbons, friendship bracelets

Negative Associations

• Cowardice: "Yellow belly"
• Caution and warning: Traffic lights, hazard signs
• Deceit: Yellow journalism, "yellow" as untrustworthy
• Illness: Yellow skin can indicate jaundice

Psychological Effects

• Yellow stimulates mental activity and energy
• It increases metabolism and appetite
• Yellow creates feelings of warmth and cheerfulness
• It can cause eye fatigue if overused

Using Yellow in Design

Yellow is a vibrant color that adds energy to any design:

Web Design

• Yellow is great for highlighting important elements
• Use yellow for CTAs to grab attention
• Lighter yellows create cheerful, friendly designs
• Yellow works well with dark backgrounds for contrast

Graphic Design

• Yellow is perfect for creating attention-grabbing designs
• Use complementary schemes (yellow and purple) for contrast
• Monochromatic yellow schemes create warm, sunny designs
• Yellow is excellent for children's products and cheerful themes

Branding

• Fast food chains use yellow for hunger appeal (McDonald's, Burger King)
• Tech companies use yellow for innovation (Snapchat, DHL)
• Retail brands use yellow for promotions and sales
• Yellow represents fun and excitement in entertainment

Interior Design

• Yellow creates cheerful, uplifting spaces
• Light yellows make rooms feel bright and airy
• Mustard yellow adds warmth and personality
• Yellow pairs beautifully with gray, navy, and white

Yellow Color Harmonies

Yellow pairs beautifully with many colors:

Complementary Colors

• Yellow and Purple: High-contrast, vibrant combination
• Yellow and Blue: Cheerful, sky-inspired pairing

Analogous Colors

• Yellow, Orange, Red: Warm, energetic schemes
• Yellow, Lime, Green: Fresh, springtime palettes

Triadic Colors

• Yellow, Red, Blue: Primary color harmony
• Yellow, Purple, Green: Balanced, creative combination

Monochromatic

• Various shades of yellow create depth and warmth

Split Complementary

• Yellow with blue-purple and red-purple creates balanced contrast

Yellow in Fashion

Yellow is a bold, cheerful color in fashion:

• Bright yellow: Makes a statement, perfect for summer
• Mustard: Warm, sophisticated, versatile
• Pastel yellow: Soft, feminine, springtime
• Gold: Luxurious, metallic, glamorous
• Lemon yellow: Fresh, zesty, energetic

Yellow Color Variations

Our comprehensive collection includes:

• Light Yellows: Pale Yellow, Lemon, Cream
• Mid Yellows: Golden Yellow, Daffodil, Marigold
• Dark Yellows: Mustard, Ochre, Amber
• Orange Yellows: Gold, Saffron, Apricot
• Green Yellows: Lime, Chartreuse, Citron
• Brown Yellows: Khaki, Wheat, Sand

Frequently Asked Questions

What is the hex code for pure yellow?

The hex code for pure yellow is #FFFF00.

What are the RGB values for yellow?

Yellow RGB values are rgb(255, 255, 0).

What colors complement yellow?

Yellow's complementary color is purple. Yellow also pairs well with blue, green, and white.

Is yellow a warm or cool color?

Yellow is considered a warm color due to its association with the sun.

What does yellow symbolize?

Yellow symbolizes happiness, optimism, energy, and warmth.

How do I create different shades of yellow?

Add white to create lighter yellows, add black to create deeper yellows, and add orange or green to create different undertones.