Color guide
Yellow Color
#EAB308
yellow color codes
What yellow means
Yellow radiates optimism, warmth and creativity. It is the most visible color to the human eye, which makes it excellent for grabbing attention.
How to use it in design
Great for highlights, warnings and playful brands. Always pair it with dark text for readable contrast.
Color combinations with yellow
Harmonies calculated with color theory for the base hue 45°.
Complementary
Maximum contrast: #EAB308 + #0840E7
Analogous
Harmony at ±30°: #E74008 · #EAB308 · #B0E708
Triadic
Even 120° spacing: #EAB308 · #08E7B0 · #B008E7
yellow color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #EAB308.
Colors that go well with yellow
FAQ about the yellow color
What is the HEX code of yellow?
A widely used hex value for yellow is #EAB308, which equals rgb(234, 179, 8). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (45°).
What colors go well with yellow?
yellow pairs beautifully with charcoal, navy, gray, purple. Its complementary color is #0840E7, and a classic triadic scheme adds #08E7B0 and #B008E7.
Is yellow accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping yellow in text or UI elements.
Create your own yellow palette
Generate harmonious combinations from #EAB308 in seconds.
Open the palette generator