#A35046 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
BBQ is a muted, dusty brick red with a matte finish. This earthy, unsaturated shade feels grounded and rustic, making it an excellent choice for accent elements or warm branding. Because it is darker, it pairs well with cream or light beige for balance. The hex code for this color is #a35046. White text remains readable over this tone, ensuring solid contrast for UI design.
About BBQ
Brick left out in the dust
What does bbq mean?
Terracotta tones often call to mind clay pots, bricks, and sun-baked earth, so people commonly read this color as rustic and grounded. Its low saturation and mid-lightness give it a dry, matte weight, like something that has been sitting outside in the sun.
Where you see bbq
- terracotta flower pots
- red brick walls
- clay roof tiles
- dried chili powder
- cast iron skillets
- adobe walls
What it works for
It works well as an accent on cream or off-white backgrounds, especially in interiors that want a warm, earthen base.
What colors go with bbq?
Sage #9caf88The muted green cools the red's warmth without fighting it for attention.Cream #fffdd0A soft off-white lightens the brick tone and keeps the pairing airy.Slate Blue #6a5acdThe cool gray-blue sits opposite on the wheel, so both colors read stronger.Olive #808000Two dusty, earthy tones together build a settled, natural palette.Blush #de5d83The pale pink softens the darker red and adds a gentle contrast.
Questions about BBQ
What is the hex code for BBQ?
BBQ is #a35046. In RGB that is rgb(163, 80, 70), in HSL hsl(6, 40%, 46%) and in CMYK 0%, 51%, 57%, 36%.
Is #a35046 suitable for text in UI design?
While #a35046 is a readable, dark tone, it is best used as a bold background color rather than for small body text. When layering white text over it, you achieve high contrast, which is perfect for buttons, headings, or call-to-action sections.
Is BBQ readable on white or black?
BBQ has a 5.53:1 contrast ratio on white and 3.79:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.