Vivid Amber
Intense yellow for creating warm focal points
Vivid Amber is a warm, high-saturation yellow that commands attention. Because it is intense, use this shade as a small accent rather than a background. It pairs exceptionally well with charcoal gray or deep navy to ground its energy. The hex code for Vivid Amber is #cc9900. Black text remains highly legible against this hue, making it a functional choice for high-contrast signage or buttons.
Questions about Vivid Amber
What is the hex code for Vivid Amber?
Vivid Amber is #cc9900. In RGB that is rgb(204, 153, 0), in HSL hsl(45, 100%, 40%) and in CMYK 0%, 25%, 100%, 20%.
How should I use Vivid Amber in my UI design?
Vivid Amber functions best as a small, deliberate accent rather than a background color because of its intense saturation. Use it for call-to-action buttons or highlights where high contrast against dark text like charcoal or black creates strong legibility.
Which colors balance the intensity of #cc9900?
Deep, cool neutrals effectively ground the high energy of #cc9900 by creating a necessary visual weight. Pair it with dark shades like navy or charcoal to prevent the yellow from overpowering other elements within your layout.
Is Vivid Amber readable on white or black?
Vivid Amber has a 2.58:1 contrast ratio on white and 8.12: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.