Brass is a medium, moderately saturated shade in the yellow color family, with a warm feel. Its HEX code is #B5A642, which equals rgb(181, 166, 66) in RGB and hsl(52, 47%, 48%) in HSL. In print terms it converts to roughly C0 M8 Y64 K29, although exact CMYK results depend on the paper and color profile.
- HEX
#B5A642 - RGB
181, 166, 66 - HSL
52°, 47%, 48% - CMYK
0, 8, 64, 29 - Family
Yellow - Tone
Medium, moderately saturated
About Brass
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 8.50:1. Its complementary color is #4150B4.
Download Brass as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Brass color codes
| HEX | #B5A642 |
|---|---|
| RGB | rgb(181, 166, 66) |
| HSL | hsl(52, 47%, 48%) |
| HSV | 52°, 64%, 71% |
| CMYK | 0%, 8%, 64%, 29% |
| Decimal | 11904578 |
Shades and tints of Brass
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F3F0E0 - 100
#E6E1C0 - 200
#DAD3A1 - 300
#CEC481 - 400
#C1B562 - 500
#B5A642 - 600
#978A37 - 700
#796F2C - 800
#5B5321 - 900
#3C3716 - 950
#1E1C0B
Color harmonies for Brass
- Complementary
#4150B4≈ Muted Blue - Analogous −30°
#B46B41≈ Muted Cinnabar - Analogous +30°
#8AB441≈ Muted Spring Bud - Triadic +120°
#41B4A5≈ Muted Teal - Triadic +240°
#A541B4≈ Muted Orchid - Split 150°
#418AB4≈ Steel Blue - Split 210°
#6B41B4≈ Muted Iris
Contrast and accessibility of Brass
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Brass | Aa | 2.47:1 | Fails |
| Black text on Brass | Aa | 8.50:1 | AAA (excellent) |
CSS code for Brass
background-color: #B5A642;color: #B5A642;background-color: rgb(181, 166, 66);background-color: hsl(52, 47%, 48%);:root { --color-brass: #B5A642; }class="bg-[#B5A642]"Colors similar to Brass
- Muted Gold
#B2A84D - Muted Marigold
#B29E4D - Muted Yellow
#B2B24D - Muted Citron
#A8B24D - Medium Dark Soft Yellow
#ABAB2B - Muted Amber
#B2944D - Medium Dark Soft Gold
#AB9F2B - Soft Marigold
#CCAD33 - Soft Amber
#CC9E33 - Muted Lime
#9EB24D - Medium Dark Soft Citron
#9FAB2B - Medium Dark Soft Marigold
#AB922B
More yellow shades
- Olive
#808000 - Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58 - Cream
#FFFDD0 - Citron
#DFFF00 - Lemon
#FFF700 - Canary
#FFFF99 - Saffron
#F4C430 - Pure Marigold
#FFCC00
Frequently asked questions
What is the HEX code for Brass?
The HEX code for Brass is #B5A642.
What is the RGB value of Brass?
Brass has an RGB value of 181, 166, 66 (rgb(181, 166, 66)). In HSL it is 52°, 47%, 48%.
What text color should I use on Brass?
Use black text on Brass. White text has a contrast ratio of 2.47:1 and black text has 8.50:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Brass?
The complementary color of Brass is #4150B4. Analogous colors #B46B41 and #8AB441 also pair well.