Amber
Intense, warm yellow with high-energy radiance
Amber is a high-saturation, warm yellow that commands attention. Because it is intense and bright, use it sparingly as a 10% accent color for calls to action or alert icons. It pairs effectively with deep charcoal grays to create high contrast. Since black text provides excellent readability against this shade, it works well for UI elements. The hex code for Amber is #ffbf00.
Questions about Amber
What is the hex code for Amber?
Amber is #ffbf00. In RGB that is rgb(255, 191, 0), in HSL hsl(45, 100%, 50%) and in CMYK 0%, 25%, 100%, 0%.
What colors pair well with Amber #ffbf00?
Amber #ffbf00 creates a striking, modern contrast when paired with charcoal or deep, dark grays, as these neutral tones prevent the intense yellow from overwhelming the eye. For a more harmonious look, try balancing it with soft, earthy terracotta or deep navy tones to ground the brightness.
Is Amber readable on white or black?
Amber has a 1.65:1 contrast ratio on white and 12.70:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.