Yellow — #FFFF00 HEX Color
About Yellow
Yellow (#FFFF00) is a cool, mid, vivid yellow tone with a hue of 60°, saturation of 100% and lightness of 50%. It works well for highlights and friendly designs and conveys a cheerful feeling. On a white background it reaches a contrast ratio of 1.07:1, while on black it reaches 19.56:1 — so prefer black text when using #FFFF00 as a background.
Color Codes
Accessibility & Contrast
Recommendation: when using #FFFF00 as a background, use black text for the highest contrast.
Color Schemes
Tints & Shades
CSS Code Snippets
background-color: #FFFF00;color: #FFFF00;border: 2px solid #FFFF00;background: linear-gradient(135deg, #FFFF00, #0000ff);Code Export
:root {
--color-primary: #ffff00;
--color-primary-rgb: 255, 255, 0;
--color-primary-hsl: 60, 100%, 50%;
}Explore Color Tools
Related Tools
Related Combinations
Frequently Asked Questions
What is the name of color #FFFF00?
Color #FFFF00 is commonly known as Yellow. It is a cool, mid, vivid yellow tone.
Is #FFFF00 a warm or cool color?
Yellow (#FFFF00) is a cool color. With a hue of 60°, it falls in the yellow family.
What colors go well with #FFFF00?
Colors that pair well with Yellow (#FFFF00) include its complementary color (#0000FF), neutral whites and warm creams, and analogous yellow tones for harmonious palettes.