#54BC04 Hex Color

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

Hex color #54bc04 graphic
With its saturated yellow-green character, #54bc04 feels energetic, bold, and highly visible. The hex code works well for calls to action, sports graphics, gaming interfaces, and nature-focused branding. Use it as a small accent against charcoal or deep navy rather than a full background. Black text remains highly legible, with about an 8.6:1 contrast ratio.

Questions about #54bc04

What is #54bc04 in RGB, HSL and CMYK?
In RGB, #54bc04 is rgb(84, 188, 4), in HSL hsl(94, 96%, 38%) and in CMYK 55%, 0%, 98%, 26%. Browse more shades of green with names and hex codes.
Does black or white text work better with #54bc04?
Black text has about an 8.6:1 contrast ratio on #54bc04, making it the stronger readable choice, while white text has poor contrast; use this bright yellow-green background with dark text for accessible designs.
Which colors pair well with #54bc04 in a palette?
Pair #54bc04 with charcoal or navy to ground its vivid energy, while white creates a sharper, lighter feel; use the yellow-green as an accent for buttons, icons, and highlights rather than large surfaces.
Is #54bc04 readable on white or black?
#54bc04 has a 2.44:1 contrast ratio on white and 8.57: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.