What color does yellow and white make?
Equal parts yellow and white produce cream (#feffac (Cream)). The blend is computed in the Oklab color space, so the steps between the two colors look evenly spaced to your eye rather than to the raw channel math.
#feffac - HEX
- #feffac
- RGB
- rgb(254, 255, 172)
- HSL
- hsl(61, 100%, 84%)
- CMYK
- cmyk(0%, 0%, 33%, 0%)
color-mix(in oklab, #ffff00 50%, #ffffff) Yellow to White: every ratio
How much of each color you use moves the answer along the blend path. The perceptual midpoint is the 50/50 row; the others show what a 3:1 ratio does in either direction.
Lighter and darker versions
Tint the mix toward white or shade it toward black and you get a small palette that all clearly belongs to the same family:
#feffc2 Tint #feffd7 50/50 mix #feffac Shade #636340 Darker #adae74 Paint vs. screen: why the medium matters
On a screen, colors blend by adding light; with paint, pigments subtract light and the result is usually darker and duller. This page's values are the perceptual blend of the two colors — the closest digital equivalent to what mixed paint looks like.
About these two colors
Yellow #ffff00 — The lightest primary — in paint, the warm primary that makes oranges and greens.
White #ffffff — All visible wavelengths of light at once; in paint, the tint that lightens every mix.
Want to blend these with different colors entirely? Open the full color mixer, or convert #feffac to RGB, HSL or CMYK.
Related mixes
See all color mixes for the full directory.
Frequently asked questions
Does yellow and white make cream?
Yes — equal parts give cream, around #feffac. The exact shade depends on your ratio: yellow-heavy mixes lean toward #feff78 and white-heavy mixes toward #feffd7.
What is the HEX code for yellow and white mixed?
A 50/50 perceptual mix is #feffac (Cream). If you need it in CSS, the mixer above generates a ready-to-paste color-mix() snippet: color-mix(in oklab, #ffff00 50%, #ffffff).
What does yellow and white make in paint vs. on a screen?
On a screen, colors blend by adding light; with paint, pigments subtract light and the result is usually darker and duller. This page's values are the perceptual blend of the two colors — the closest digital equivalent to what mixed paint looks like.
How do I make the cream mix lighter or darker?
Mix the result with white to tint it — 50% white gives about #feffd7 — or with black to shade it, where 50% black gives about #636340. The strip above shows the full run from lighter to darker.