#B3AE00 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b3ae00 graphic
#b3ae00 is a high-intensity, olive-leaning yellow that demands attention. Because it sits at such a high saturation, avoid using it for full backgrounds, as it quickly becomes overwhelming. It functions best as a high-impact accent color for calls to action or UI highlights. Pair it with deep charcoals to create a grounded, modern contrast. The hex code for this bold shade is #b3ae00.

Questions about #b3ae00

What is #b3ae00 in RGB, HSL and CMYK?
In RGB, #b3ae00 is rgb(179, 174, 0), in HSL hsl(58, 100%, 35%) and in CMYK 0%, 3%, 100%, 30%.
How can I effectively use #b3ae00 without overwhelming my design?
#b3ae00 is best used sparingly as a high-impact accent color rather than a background. Pair it with charcoal or deep slate tones to ground the intensity, ensuring your call-to-action buttons or UI highlights remain readable and deliberate.
Does #b3ae00 read as a warm or cool color?
#b3ae00 is firmly a warm, earthy tone that leans into olive and gold territory. Because of its high saturation, it carries significant visual weight and warmth, making it ideal for designs that need to feel energized or organic.
Is #b3ae00 readable on white or black?
#b3ae00 has a 2.34:1 contrast ratio on white and 8.97: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.