Skip to content

Golden Yellow Color Code: HEX Code & RGB Code Values ​

Looking for specific golden yellow color code? Get exact golden yellow hex code #FFDF00 and golden yellow RGB code rgb(255,223,0). Complete color information for design and development projects featuring this vibrant, sunny color.

Visual example of golden yellow color with its vibrant, sunny appearance
HEX#FFDF00
RGBrgb(255,223,0)

Shades of Golden Yellow ​

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

🎨

Shades (Adding Black)

  • FFDF00
    rgb(255, 223, 0)
  • D0B613
    rgb(208, 182, 19)
  • A38E18
    rgb(163, 142, 24)
  • 786918
    rgb(120, 105, 24)
  • 504616
    rgb(80, 70, 22)
  • 2B2510
    rgb(43, 37, 16)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • FFDF00
    rgb(255, 223, 0)
  • FFE556
    rgb(255, 229, 86)
  • FFEB81
    rgb(255, 235, 129)
  • FFF0A5
    rgb(255, 240, 165)
  • FFF5C5
    rgb(255, 245, 197)
  • FFFAE3
    rgb(255, 250, 227)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • FFDF00
    rgb(255, 223, 0)
  • FEDF3A
    rgb(254, 223, 58)
  • FCDF5E
    rgb(252, 223, 94)
  • F8DF7E
    rgb(248, 223, 126)
  • F3DF9E
    rgb(243, 223, 158)
  • EBDFBE
    rgb(235, 223, 190)
  • 808080
    rgb(128, 128, 128)

Golden Yellow Palette ​

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

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFF9C5
Light
#FFF094
Medium Light
#FFE75F
Medium
#FFDF00
Medium Dark
#B59E0F
Dark
#706310
Darkest
#322D09

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#FFDF00
Left Dark
#FFE460
Left Medium
#FFE994
Left Light
#FEEFC5
Neutral
#F5F5F5
Right Light
#D4C0FA
Right Medium
#AD8CFD
Right Dark
#7A59FF
Complementary End
#0020FF

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FFEE99
Medium
#FFDF00
Dark
#7A6A00
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#FF0020
Left Adjacent 1
#FF6000
Main
#FFDF00
Right Adjacent 1
#9FFF00
Right Adjacent 2
#20FF00

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#FFDF00
Complementary
#0020FF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#FFDF00
Secondary
#00FFDF
Tertiary
#DF00FF

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#FFDF00
Right 90°
#00FF60
Complementary
#0020FF
Left 90°
#FF009F

Tetradic

Two pairs of complementary colors

4 colors
Main
#FFDF00
Secondary
#20FF00
Complementary
#0020FF
Complementary Secondary
#DF00FF

Split Complementary

Complementary colors ±30°

3 colors
Main
#FFDF00
Split Left
#009FFF
Split Right
#6000FF

Cyclic

Circular gradient for periodic data

8 colors
0°
#FFDF00
45°
#60FF00
90°
#00FF60
135°
#00DFFF
180°
#0020FF
225°
#9F00FF
270°
#FF009F
315°
#FF2000

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C9C49C
Pastel 1
#D1CCA9
Pastel 2
#D8D4B6
Pastel 3
#DFDBC3
Pastel 4
#E6E3D1
Deep Pastel
#EDEBDE

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)

Extract Golden Yellow Hex & RGB Codes from Image ​

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

click or drag your image here
Supported formats: JPG, PNG, WebP

Golden Yellow Color Code Converter ​

Instantly convert between HEX, RGB, CMYK, and more for golden yellow shades.

🎨

All Formats:

  • HEX:
    #FFDF00
  • RGB:
    rgb(255, 223, 0)
  • CMYK:
    cmyk(0%, 13%, 100%, 0%)
  • HSV:
    hsv(52°, 100%, 100%)
  • HSL:
    hsl(52°, 100%, 50%)

What is Golden Yellow? ​

Golden yellow is a bright, warm yellow color that captures the essence of sunlight and gold. The color evokes feelings of happiness, warmth, and optimism. Golden yellow sits between pure yellow and gold on the color spectrum, offering the brightness of yellow with the warmth of gold.

This vibrant hue has been used throughout history to represent the sun, harvest, and prosperity. In many cultures, golden yellow is associated with joy and celebration. It's the color of ripe wheat fields at harvest time, the glow of sunset, and the warmth of summer sunshine.

The hex code for golden yellow is #FFDF00, with RGB values of rgb(255, 223, 0). This combination creates a bright, cheerful yellow that is slightly less red than traditional gold, giving it a cleaner, more vibrant appearance. Its CMYK values (approximately C:0, M:13, Y:100, K:0) emphasize yellow with minimal magenta, producing a bright golden yellow in print.

Golden yellow's unique quality lies in its balance of brightness and warmth. It's brighter than mustard but warmer than lemon yellow, making it incredibly versatile across design applications.

Golden Yellow vs Similar Colors ​

Golden yellow has several close relatives:

ColorHEX CodeKey Difference
Golden Yellow#FFDF00Bright, sunny yellow
Gold#FFD700Warmer, more red
Lemon#FFF700Brighter, cooler
Mustard#FFDB58Duller, browner
Amber#FFBF00Orange-leaning

Golden yellow is brighter and cleaner than gold, warmer than lemon yellow, and more vibrant than mustard. Its sunny quality makes it feel energetic and optimistic.

Color Psychology and Meaning ​

Golden yellow carries a bright, positive psychological profile:

  • Happiness and joy: Golden yellow is universally associated with happiness and cheerfulness.
  • Warmth and optimism: The color evokes feelings of sunshine and positivity.
  • Energy and vitality: Golden yellow stimulates mental activity and creativity.
  • Harvest and abundance: Associated with ripe crops and agricultural prosperity.
  • Friendship and warmth: Used to convey welcoming, friendly vibes.
  • Intellect and creativity: Yellow is known to stimulate mental processes.

Using Golden Yellow in Design ​

Golden yellow's vibrancy makes it versatile:

Web and UI Design: Golden yellow works well for tech startups, lifestyle brands, and creative platforms. It creates energetic interfaces and attention-grabbing elements. Pair with white or light grey for fresh designs, or with navy blue for sophisticated contrast.

Graphic Design: Golden yellow is ideal for summer campaigns, food branding, and cheerful materials. It pairs beautifully with teal, coral, and soft pinks. Golden yellow is particularly effective in designs for children's products and creative industries.

Fashion and Interiors: A popular color for spring and summer clothing. In interiors, golden yellow adds warmth as an accent wall, furniture, or decor. It works well in kitchens, living rooms, and creative spaces.

Branding: Many food, tech, and lifestyle brands incorporate golden yellow into their identities. The color conveys energy, optimism, and approachability—qualities that resonate with modern consumers.

Color Harmony and Combinations ​

Golden yellow pairs beautifully with:

  • Monochromatic: Various shades of yellow create depth and energy
  • Complementary: Purple or violet provides striking contrast
  • Analogous: Orange, gold, and chartreuse create warm schemes
  • Fresh contrast: Teal, turquoise, or mint green create lively combinations
  • Neutrals: White, cream, and light grey keep it bright

For accessibility, golden yellow (#FFDF00) on white achieves approximately 2.4:1 contrast — may need darkening for text readability.

Frequently Asked Questions ​

What is the golden yellow hex code? ​

The golden yellow hex code is #FFDF00. This bright, sunny yellow is widely used in design and branding.

What colors go well with golden yellow? ​

Golden yellow pairs beautifully with teal, coral, soft pink, navy blue, and white. For a fresh look, combine with mint green or turquoise.

Is golden yellow the same as gold? ​

No. Golden yellow (#FFDF00) is brighter and has less red than traditional gold (#FFD700). Gold has warmer undertones while golden yellow feels more like pure sunshine.

What are the RGB values for golden yellow? ​

The golden yellow RGB code is rgb(255, 223, 0). This combination creates a bright, cheerful yellow with minimal red.

What is golden yellow's CMYK value? ​

Golden yellow CMYK is approximately C:0, M:13, Y:100, K:0. This formulation produces its characteristic bright yellow in print.

Why is golden yellow associated with happiness? ​

Golden yellow's association with happiness comes from its resemblance to sunlight. The color naturally lifts moods and creates feelings of warmth and optimism.

What makes golden yellow different from other yellows? ​

Golden yellow's unique quality lies in its balance of brightness and warmth. It's not as harsh as lemon yellow nor as warm as gold, making it incredibly versatile.

Is golden yellow suitable for web design? ​

Yes, golden yellow is excellent for web design, particularly for call-to-action buttons and highlights. However, due to its brightness, it's best used as an accent color.