#BEA74B Hex Color

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

Hex color #bea74b graphic
This muted ochre tone sits in a sweet spot between earthy gold and soft yellow. The hex code #bea74b offers excellent readability for black text, boasting an 8.8:1 contrast ratio that meets strict accessibility standards. Use it as a warm secondary accent rather than a full background to avoid a muddy appearance. It pairs beautifully with deep charcoals or dark teals for a sophisticated retro palette.

Questions about #bea74b

What is #bea74b in RGB, HSL and CMYK?
In RGB, #bea74b is rgb(190, 167, 75), in HSL hsl(48, 47%, 52%) and in CMYK 0%, 12%, 61%, 25%.
How should I use #bea74b in a design layout?
Use #bea74b as a secondary accent rather than a primary background to avoid a muddy aesthetic. It provides high contrast against black text, making it an excellent choice for buttons, borders, or highlight elements that require both warmth and readability.
What colors complement #bea74b?
Deep charcoal or dark teal tones pair beautifully with #bea74b to create a sophisticated, retro-inspired palette. These darker shades anchor the warmth of the ochre, preventing it from overwhelming the design while maintaining a balanced, professional contrast.
Is #bea74b readable on white or black?
#bea74b has a 2.38:1 contrast ratio on white and 8.81: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.