#B4C424 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This chartreuse-leaning yellow is high-energy and acidic. Because of its intensity, #b4c424 works best as a 10% accent color rather than a dominant background. It pairs exceptionally well with charcoal grays or deep purples to ground its brightness. While black text remains highly readable over this shade, use it sparingly to avoid visual fatigue in UI designs. The hex code for this hue is #b4c424.
Questions about #b4c424
What is #b4c424 in RGB, HSL and CMYK?
In RGB, #b4c424 is rgb(180, 196, 36), in HSL hsl(66, 69%, 45%) and in CMYK 8%, 0%, 82%, 23%.
What color combinations work best with #b4c424?
#b4c424 is an intense accent that benefits from dark, grounding neutrals like charcoal or deep purples. Pairing it with these darker tones balances its inherent acidity, preventing the color from overpowering your interface or overwhelming the viewer.
Is #b4c424 a suitable color for large backgrounds?
Avoid using #b4c424 as a dominant background color because its extreme saturation can cause significant visual fatigue. It performs most effectively as a 10% accent for calls-to-action or subtle highlights where its energy can shine without impeding readability.
Is #b4c424 readable on white or black?
#b4c424 has a 1.93:1 contrast ratio on white and 10.86: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.