Yellow comes from mixing red and green light, or from mixing red and yellow pigment

The way you make yellow depends on whether you are working with light (screens) or pigment (paint, ink, printing). On a screen, yellow is created by combining full red light and full green light with no blue — this is called the RGB color model. In print or paint, yellow is usually a primary color you buy directly, but you can approximate it by mixing red pigment with yellow pigment, or by using magenta and yellow together.

Most design and photo tools let you specify yellow by typing numbers, picking from a color wheel, or entering a hex code. The specific method depends on which tool you are using and what format your final output needs to be.

Key Takeaways

  • On screens, yellow is made from red light (255) and green light (255) with blue at 0 in RGB mode.
  • The hex code for pure yellow is #FFFF00, which works in nearly every design tool and web browser.
  • In print, yellow is usually a primary ink you select directly, not something you mix from other colors.
  • Most design tools have a color picker that shows you the RGB, hex, and HSL values at the same time.

Creating yellow in RGB (for screens and digital work)

If you are working in a tool that uses RGB values — like Photoshop, GIMP, Figma, or Canva — set red to 255, green to 255, and blue to 0. This produces pure, bright yellow. You can adjust the brightness by lowering both red and green equally: if you set both to 200, you get a darker, more muted yellow. If you set both to 100, you get an even darker mustard tone.

Most tools display RGB values in a dialog box or a color panel on the right side of the screen. In Photoshop, open the color picker by clicking the foreground color square, then enter the numbers in the R, G, and B fields. In Figma, click the color swatch in the design panel and type the values into the RGB input fields. In GIMP, the color dialog shows three sliders labeled R, G, and B — drag the red and green sliders all the way to the right and leave blue at the left.

Using hex codes for yellow

A hex code is a six-character shorthand for RGB values that works in almost every design tool and on the web. The hex code for pure yellow is #FFFF00. The first two characters (FF) represent red, the middle two (FF) represent green, and the last two (00) represent blue.

To use a hex code, find the hex input field in your tool — it is usually labeled "Hex" or "#" and sits near the RGB fields. Paste or type #FFFF00 and press Enter. If you want a darker yellow, use #CCCC00 or #999900. If you want a lighter, more pastel yellow, try #FFFF99 or #FFFFCC. Hex codes are especially useful when you are matching colors across multiple tools or sharing a color with someone else, because the code stays the same no matter what program opens it.

Picking yellow from the color wheel or picker

Most design tools include a visual color picker — a square or circle where you can click to choose a color. To find yellow, look for the yellow area on the color wheel or spectrum bar. In Photoshop, the color picker shows a vertical rainbow bar on the right; click the yellow section, then click in the main square to adjust brightness and saturation. In Figma, the color picker has a circle; click the yellow area on the outer ring, then click in the inner square to fine-tune the shade.

The position you click in the square controls two things: moving left and right changes saturation (how pure or gray the color is), and moving up and down changes brightness (how light or dark it is). Clicking in the top right corner gives you bright, saturated yellow. Clicking in the bottom left gives you a dark, muted yellow. This method is faster than typing numbers if you just need a yellow that looks right, without matching a specific shade.

Creating yellow in CMYK (for print)

If your final output is printed material — a brochure, poster, or business card — your tool may use CMYK instead of RGB. CMYK stands for Cyan, Magenta, Yellow, and Black (Key). In CMYK, yellow is a primary ink, so you set Cyan to 0, Magenta to 0, Yellow to 100, and Black to 0. This produces pure yellow ink on paper.

To darken or mute the yellow for print, increase the Black value. Setting Black to 20 gives you a darker, more earthy yellow. You can also add a small amount of Magenta — try Cyan 0, Magenta 10, Yellow 100, Black 0 for a warmer, more orange-tinted yellow. Most print-focused tools like Adobe InDesign show CMYK sliders in the color panel. If you are designing in Figma or Canva and need to export for print, convert the file to CMYK before sending it to the printer, or ask your printer which color mode they prefer.

Adjusting yellow for different moods and uses

Pure yellow (#FFFF00 or RGB 255, 255, 0) is bright and can feel harsh on the eyes in large amounts. For a softer, more approachable yellow, try #FFEB3B (a lighter, slightly greenish yellow) or #FDD835 (a warmer, slightly orange yellow). For a muted, earthy yellow like mustard or ochre, use #B8860B or #DAA520.

The context matters: a bright yellow works well for buttons, alerts, and highlights because it draws attention. A muted yellow is better for backgrounds, text, or large design elements because it is easier to read and less tiring. If you are unsure, create a few versions in your tool, export them, and look at them on the actual screen or paper where they will appear. Screen brightness and print paper quality both affect how yellow looks in the final result.

Frequently Asked Questions

What is the difference between RGB and CMYK yellow?

RGB yellow (red and green light) is brighter and more vibrant because it uses light. CMYK yellow is a physical ink, so it looks different depending on the paper and printing process. If you design in RGB for a screen, it will look brighter than the same design printed in CMYK. Always check your final output format before choosing your yellow.

Why does my yellow look different on my phone than on my computer?

Screen brightness, color calibration, and display technology all affect how yellow appears. An older phone screen or a very bright monitor will show yellow differently. If color accuracy matters, calibrate your monitor or test on multiple devices before finalizing your design.

Can I make yellow by mixing other colors in my design tool?

In RGB, yes — red and green light mix to make yellow. In CMYK or paint, no — yellow is a primary color. Some tools let you blend layers to approximate colors, but it is faster and more reliable to set the yellow values directly or use a hex code.

What hex code should I use for a pale or pastel yellow?

Try #FFFACD (light yellow), #FFFFE0 (very pale yellow), or #FFFACD (lemon chiffon). These codes keep red and green high while staying in the yellow range. Test them in your tool to see which matches the mood you want.

How do I make sure my yellow prints the same way every time?

Use CMYK values instead of RGB if you are printing, and ask your printer about their color profile and paper type. Provide them with a color swatch or a PDF with the CMYK values labeled. Printing presses can vary, so a test print before the full run is always worth the cost.