About Yellow
A bright and cheerful color that embodies warmth and happiness. Yellow is often associated with sunlight, optimism, and energy, making it one of the most uplifting colors in the spectrum.
Psychology
Yellow is known to:
- Evoke feelings of joy and optimism
- Stimulate mental activity and creativity
- Enhance communication and clarity
- Capture attention, making it a popular choice for warnings and alerts
Usage
This vibrant color works well in:
- Marketing materials to grab attention
- Interior design to create a bright and inviting atmosphere
- Fashion, especially in spring and summer collections
- Children’s products and branding to convey fun and playfulness
Combinations
Yellow pairs beautifully with:
- Royal Blue (
#4169E1
)
- Gray (
#A9A9A9
)
- Soft Pink (
#FFB6C1
)
- Olive Green (
#808000
)
- White (
#FFFFFF
) for a fresh and clean look
Yellow color values and uses
Yellow is represented here by #FFFF00. In digital artwork, websites, and interface design, HEX is a compact way to specify the exact red, green, and blue channels. The equivalent RGB value is rgb(255, 255, 0); HSL hsl(60, 100%, 50%) describes hue, saturation, and lightness, while CMYK 0%, 0%, 100%, 0% offers a starting point for print workflows. These conversions are useful when moving a color between design tools, though displays, printers, and color profiles can produce different results.
Use yellow alongside the swatches above to compare lighter tints, deeper shades, and nearby hues. A restrained palette can reserve this color for a focal element and use a neutral background for supporting content. For text and controls, check contrast at the size and weight where the color will appear; a swatch that looks clear on a large area may be harder to read in small labels. Save the HEX or RGB value in your design system so the same color can be reused consistently.
Frequently asked questions about Yellow
What is the hex code of Yellow?
The hex code of Yellow is #FFFF00.
What is the RGB value of Yellow?
The RGB value is rgb(255, 255, 0), with red, green, and blue channels shown in that order.
What colors go with Yellow?
Yellow can be paired with complementary, analogous, or triadic hues. Check contrast and context before choosing a combination.
What are the HSL and CMYK values for Yellow?
The HSL value is hsl(60, 100%, 50%); the approximate CMYK conversion is 0%, 0%, 100%, 0%. CMYK output can vary by printer and color profile.