Color guide
Amber Color
#F59E0B
amber color codes
What amber means
Amber glows with warmth and cautious energy. It is the color of warnings that still feel friendly.
How to use it in design
Ideal for warnings, ratings (stars) and warm accent lighting effects in UI.
Color combinations with amber
Harmonies calculated with color theory for the base hue 38°.
Complementary
Maximum contrast: #F59E0B + #0A60F5
Analogous
Harmony at ±30°: #F5290A · #F59E0B · #D6F50A
Triadic
Even 120° spacing: #F59E0B · #0AF59F · #9F0AF5
amber color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #F59E0B.
Colors that go well with amber
FAQ about the amber color
What is the HEX code of amber?
A widely used hex value for amber is #F59E0B, which equals rgb(245, 158, 11). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (38°).
What colors go well with amber?
amber pairs beautifully with navy, indigo, charcoal, cream. Its complementary color is #0A60F5, and a classic triadic scheme adds #0AF59F and #9F0AF5.
Is amber 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 amber in text or UI elements.
Create your own amber palette
Generate harmonious combinations from #F59E0B in seconds.
Open the palette generator