Yellow Color Picker & Palette
Yellow is bright, cheerful, and attention-grabbing. It represents optimism and warmth but requires careful contrast pairing for accessibility.
#ffff00
rgb(255, 255, 0)
hsl(60, 100%, 50%)
oklch(0.968 0.211 109.8)
cmyk(0%, 0%, 100%, 0%)
Use Cases
Warning and caution indicators
Highlight and emphasis text
Children's products and toys
Food and beverage branding
Tips
Never use yellow text on white — it's unreadable
Dark text on yellow backgrounds works great
Gold (#FFD700) is a more sophisticated yellow
FAQ
What is the HEX code for yellow?
Pure yellow is #FFFF00 — maximum red (255) and green (255) with zero blue.
Is yellow accessible?
Pure yellow (#FFFF00) on white has a contrast ratio of only 1.07:1 — completely inaccessible. Use dark yellow (#B8860B) or pair with dark backgrounds.
What colors go with yellow?
Yellow pairs with navy blue, gray, purple (complement), black, and warm browns.
How do I make yellow in HSL?
Yellow (#FFFF00) in HSL is hsl(60, 100%, 50%).