#B0BA47 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright yellow-green holds a strong chartreuse character that reads as energetic and urgent. Because of its high visibility, the hex code #b0ba47 functions best as a small accent or call-to-action button rather than a large background. It pairs well with charcoal grays if you are learning how to make gray, and black text remains perfectly legible against it for accessibility.
Questions about #b0ba47
What is #b0ba47 in RGB, HSL and CMYK?
In RGB, #b0ba47 is rgb(176, 186, 71), in HSL hsl(65, 45%, 50%) and in CMYK 5%, 0%, 62%, 27%.
How can I use #b0ba47 effectively in web design?
Because #b0ba47 carries such high visual intensity, it serves best as a strategic accent rather than a background. Pair it with deep charcoal or matte black to ground the color while maintaining high contrast and readability for UI elements like buttons.
Is #b0ba47 suitable for body text?
While black text reads perfectly against #b0ba47, using this color itself for body text is generally ill-advised. Its brightness can cause eye strain; reserve it for headers, icons, or interface cues where you need to draw the eye immediately.
Is #b0ba47 readable on white or black?
#b0ba47 has a 2.10:1 contrast ratio on white and 9.96: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.