Brass is a rich, warm color that deeply resonates with tones of yellow and brown. As a metallic shade, it sits between gold and bronze on the color wheel, echoing the golden hues of the brass alloy. Its dominant yellow-brown tone is highlighted with soft, natural gleams, making it appear both vintage and timeless. This complex color offers both depth and radiance, reflecting the warmth and sturdiness of its namesake metal. With a sense of antiquity and durability, brass is often associated with sophistication and elegance, infusing designs with a hint of nostalgia and a dash of refinement. The beauty of brass lies in its versatility, striking a perfect balance between the past and the present, making it an ideal choice for a range of aesthetic contexts.
Brass is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #B5A642
- RGB value: 71.0% red, 65.1% green, 25.9% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
For variations within the same spectrum as brass, consider:
- Dark Yellow (#ba8e23): This color shares a yellowish hue similar to Brass, offering a warm metal color with a deep, rich undertone that resonates with Brass's metallic finish.
- Bronze (#ce8946): With a more pronounced bronze tint, Bronze resembles Brass by combining warm metal tones and an antique look, highlighting the aged elegance of both hues.
- Ochre (#CC7722): Ochre provides an earthy, yellowish hue that parallels Brass's tone, embodying a vintage patina that is both warm and metallic.
- Mustard Yellow (#ffce1b): This color mirrors Brass's yellowish hue with a slightly brighter appearance, maintaining a warm, inviting aesthetic similar to a classic brass finish.
To complement Brass, consider pairing it with:
- Royal Blue (#305CDE): This cool, deep hue contrasts beautifully with Brass's warm, yellowish tone, creating a sophisticated and timeless aesthetic.
- Forest Green (#2E6F40): The rich, earthy quality of Forest Green enhances the rustic appeal of Brass, ideal for a warm metal color scheme with natural elements.
- Burgundy (#660033): With its deep red undertones, Burgundy offers a vintage patina that complements the yellowish hue of Brass, perfect for creating dramatic interior design elements.
- Mocha (#6D3B07): This warm, earthy tone echoes Brass's inherent warmth and provides a seamless transition in decor accents, adding depth to any space.
- Cream (#FDFBD4): Cream offers a subtle backdrop that highlights Brass's metallic shine, enhancing its antique brass color for a classic, harmonious palette.
Other colors worth considering include Plum for a bold pop, Slate Gray for a modern touch, and Peach for a soft, inviting look.
While brass is known for its warm metal color, it may clash with:
- Neon Green (#2CFF05): This intense hue can create a startling visual contrast, overpowering brass's subtle, vintage patina.
- Hot Pink (#FF46A2): The bright, saturated tone of hot pink can compete with brass’s yellowish hue, making the combination too intense.
- Neon Orange (#FF5C00): The vividness of neon orange can overwhelm brass, overshadowing its rustic appeal with an overly vibrant presence.
- Electric Blue (#00F0FF): This vibrant shade can create a jarring effect against brass, as its coolness doesn’t complement the warm, metallic finish.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Golden Harvest
Ocean Sunrise
Autumn Canopy
Contrast 2.47
- Large Text
#B5A642
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 8.5
- Large Text
#B5A642
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #6D8196, known as slate, has RGB values of R:109, G:129, B:150 and CMYK values of C:0.27, M:0.14, Y:0, K:0.41.
| VALUE | CSS | |
|---|---|---|
| HEX | B5A642 | #B5A642 |
| RGB DECIMAL | ( 181, 166, 66) | rgb(181, 166, 66) |
| RGB PERCENTAGE | 71%, 65%, 26% | rgb(71%, 65%, 26%) |
| CMYK | 13, 8, 63, 29 | |
| HSL | 114°, 53%, 48% | hsl(114°, 53%, 48%) |
| HSV (OR HSB) | 114°, 63%, 71% | |
| WEB SAFE | 999933 | #999933 |
| CIE-LAB | 157, 147, 56 | |
| XYZ | 67.25, 62.596, 12.745 | |
| xyY | 0.408, 0.413, 62.596 | |
| CIE-LCH | 114°, 49.327, 63.716 | |
| CIE-LUV | 144.151, 17.448, 49.76 | |
| HUNTER-LAB | 85.159, 0.968, 37.529 | |
| BINARY | 10110101, 10100110, 01000010 | |
| iOS - SwiftUI | Color(0.71, 0.65, 0.26) | |
| iOS - UIKit | UIColor(red: 0.71, green: 0.65, blue: 0.26, alpha: 1.0) | |
| Android - Compose | Color(0xFFB5A642) |
