Yellow Color


Yellow is vibrant, warm-toned shade of warm yellow. It is better contrasting with black. This color combines beautifully with cool blue, red magenta or mid cyan

Inverse Color #00f
Complementary Color #00f
Color Shade: warm yellow (60° hue)
Color Temperature: warm
Lightness: 50% (better contrasting with black)
Yellow Color Sample
Yellow Color Sample

Better Alternatives To #ffff00

If you're looking for a similar warm yellow shade, there are some better alternatives to Yellow Color. The Super Saiyan color for instance is a darker and a bit more faded option, however this color has a orange bias. Consider a lighter and more soft alternative called Gingerline (#ffdd11) for more calm effect. Try Ripe Lemon as it also a bit more faded and calm.

Complementary Palette

#00f is the best complementary color to Yellow. Cool blue shades generally complement the warm yellow hues best as they are found on the opposite end of the color wheel. The most popular #ff0 complementary color is White, as it offers maximum contrast and grab the viewer's attention.

Analogous Palette

The analogous palette of warm red, warm yellow, and yellow green colors offers a soft combination of similar warm shades. The analogous colors of White are #ff7f00 and #7fff00. Thus found on the left and right of #ff0 on the color wheel with a 30° gap. Consider matching Flush Orange and Chartreuse colors as they work well with Yellow.

Split-complementary Palette

The split-complementary Yellow palette consists of #7f00ff and #007fff colors. They can be found 30° apart on either side of the complementary color (#00f). Try Electric Violet and Azure Radiance colors in combination with #ff0, as they are not as contrasting as a complementary color, hence, giving more hue variety to make your design stand out.

Triadic Palette

The triadic palette of #ff0 offers a combination of mid magenta and mid cyan shades and equally high contrast between the three of them. Find triadic colors at the 120° distance from the Yellow. Thus Magenta / Fuchsia and Cyan / Aqua giving maximum hue separation to use all three together.

Square Palette

The square color palette of Yellow contains three additional colors. Thus, complementary White, Spring Green, and Rose split by 90° on the color wheel. #ff0 square combo is a palette of warm yellow, cool green, cool blue and red magenta shades that work together well.

Tetradic Palette

The tetradic palette is a bit more complex than the square and has more of a rectangle shape. Yellow tetradic combo consists of cool blue complementary color (#00f) and two others. The Cyan / Aqua is positioned 120° clockwise from the primary color and White – 120° from the complementary White. This palette is not recommended to use as-is. Try to tweak the saturation and brightness of #00feff and #f00.

Conversion Table

In a RGB color space, hex #ffff00 is made of 50% red, 50% green and 0% blue. In a HSL mode Yellow has a hue angle of 60°, a saturation of 100% and a lightness of 50%. In a CMYK space (used in printing only), hex #ffff00 is made of 0% cyan, 0% magenta, 100% yellow and 0% black ink.

HEX #ffff00
RGB Decimal rgb(255,255,0)
RGB Percentage 50%, 50%, 0%
CMYK 0, 0, 100, 0
HSL hsl(60,100%,50%)
HSV (or HSB) hsv(60,100%,100%)
CIE-LAB lab(97.1382,-21.5559,94.4825)
XYZ xyz(77,92.78,13.85)