Brass

#B5A642
RGB
181, 166, 66
HSL
52°, 47%, 48%
CMYK
0, 8, 64, 29
HSV
52°, 64%, 71%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #B5A642 color: #B5A642;
RGB 181, 166, 66 color: rgb(181, 166, 66);
RGB Percentage 71%, 65%, 26% color: rgb(71%, 65%, 26%);
CMYK 0%, 8%, 64%, 29% Not supported in CSS
HSL 52°, 47%, 48% color: hsl(52, 47%, 48%);
HSV 52°, 64%, 71% Not supported in CSS
CIE-LAB 38, 3, 33 color: lab(38% 3 33);
Decimal 11904578 Not supported in CSS

Color Variations

Shades

#B4A541
#A2943A
#908434
#7E732D
#6C6327
#5A5220
#48421A
#363113

Tints

#EAE5C5
#E3DCB1
#DCD49E
#D5CB8A
#CEC277
#C7B963
#C0B150
#B4A541

Tones

#B4A541
#AEA047
#A89C4C
#A39852
#9D9458
#978F5E
#918B63
#8C8769

Hues

#B4A541
#6DB441
#41B46B
#41A7B4
#4150B4
#8841B4
#B4418A
#B44E41

Color Harmonies

Analogous

#B46B41
Click to copy
#B5A642
Click to copy
100%
#8AB441
Click to copy

Complementary

#B5A642
Click to copy
100%
#4150B4
Click to copy

Split Complementary

#B5A642
Click to copy
100%
#418AB4
Click to copy
#6B41B4
Click to copy

Triadic

#B5A642
Click to copy
100%
#41B4A5
Click to copy
#A541B4
Click to copy

Tetradic

#B5A642
Click to copy
100%
#41B46B
Click to copy
#4150B4
Click to copy
#B4418A
Click to copy

Square

#B5A642
Click to copy
100%
#41B46B
Click to copy
#4150B4
Click to copy
#B4418A
Click to copy

CSS & Dev Snippets

CSS
.brass {
  color: #B5A642;
}
SCSS
$brass: #B5A642;
RGB
rgb(181, 166, 66)

Accessibility & Contrast

White background

2.47:1
2.47
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.50:1
8.50
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags