#b5a348 hex color

In a RGB color space, hex #b5a348 is composed of 71% red, 63.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.9% magenta, 60.2% yellow and 29% black. It has a hue angle of 50.1 degrees, a saturation of 43.1% and a lightness of 49.6%. #b5a348 color hex could be obtained by blending #ffff90 with #6b4700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 64
- B 28
RGB color chart
- C 0
- M 10
- Y 60
- K 29
CMYK color chart

● #b5a348 color description : Moderate yellow.

The hexadecimal color #b5a348 has RGB values of R:181, G:163, B:72 and CMYK values of C:0, M:0.1, Y:0.6, K:0.29. Its decimal value is 11903816.

Hex triplet	b5a348	`#b5a348`
RGB Decimal	181, 163, 72	`rgb(181,163,72)`
RGB Percent	71, 63.9, 28.2	`rgb(71%,63.9%,28.2%)`
CMYK	0, 10, 60, 29
HSL	50.1°, 43.1, 49.6	`hsl(50.1,43.1%,49.6%)`
HSV (or HSB)	50.1°, 60.2, 71
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.89, -4.721, 48.601
XYZ	33.323, 36.487, 11.418
xyY	0.41, 0.449, 36.487
CIE-LCH	66.89, 48.83, 95.549
CIE-LUV	66.89, 16.467, 57.15
Hunter-Lab	60.404, -7.235, 31.076
Binary	10110101, 10100011, 01001000

#b5a348
```
#b5a348 rgb(181,163,72)
```
#485ab5
```
#485ab5 rgb(72,90,181)
```

Complementary Color

#b56d48
```
#b56d48 rgb(181,109,72)
```
#b5a348
```
#b5a348 rgb(181,163,72)
```
#91b548
```
#91b548 rgb(145,181,72)
```

Analogous Color

#6d48b5
```
#6d48b5 rgb(109,72,181)
```
#b5a348
```
#b5a348 rgb(181,163,72)
```
#4891b5
```
#4891b5 rgb(72,145,181)
```

Split Complementary Color

#a348b5
```
#a348b5 rgb(163,72,181)
```
#b5a348
```
#b5a348 rgb(181,163,72)
```
#48b5a3
```
#48b5a3 rgb(72,181,163)
```

Triadic Color

#b5485a
```
#b5485a rgb(181,72,90)
```
#b5a348
```
#b5a348 rgb(181,163,72)
```
#48b5a3
```
#48b5a3 rgb(72,181,163)
```
#485ab5
```
#485ab5 rgb(72,90,181)
```

Tetradic Color

#7e7232
```
#7e7232 rgb(126,114,50)
```
#918239
```
#918239 rgb(145,130,57)
```
#a39341
```
#a39341 rgb(163,147,65)
```
#b5a348
```
#b5a348 rgb(181,163,72)
```
#bdad59
```
#bdad59 rgb(189,173,89)
```
#c4b66c
```
#c4b66c rgb(196,182,108)
```
#ccbf7e
```
#ccbf7e rgb(204,191,126)
```

Monochromatic Color

Below, you can see some colors close to #b5a348. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#b58848
```
#b58848 rgb(181,136,72)
```
#b59148
```
#b59148 rgb(181,145,72)
```
#b59a48
```
#b59a48 rgb(181,154,72)
```
#b5a348
```
#b5a348 rgb(181,163,72)
```
#b5ac48
```
#b5ac48 rgb(181,172,72)
```
#b5b548
```
#b5b548 rgb(181,181,72)
```
#acb548
```
#acb548 rgb(172,181,72)
```

Similar Colors

Text with hexadecimal color #b5a348

This text has a font color of #b5a348.

<span style="color:#b5a348;">Text here</span>

#b5a348 background color

This paragraph has a background color of #b5a348.

<p style="background-color:#b5a348;">Content here</p>

#b5a348 border color

This element has a border color of #b5a348.

<div style="border:1px solid #b5a348;">Content here</div>

CSS codes

.text {color:#b5a348;}

.background {background-color:#b5a348;}

.border {border:1px solid #b5a348;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #0d0b05 is the darkest color, while #fefefe is the lightest one.

#0d0b05
```
#0d0b05 rgb(13,11,5)
```
#1b180b
```
#1b180b rgb(27,24,11)
```
#292510
```
#292510 rgb(41,37,16)
```
#373116
```
#373116 rgb(55,49,22)
```
#453e1b
```
#453e1b rgb(69,62,27)
```
#534b21
```
#534b21 rgb(83,75,33)
```
#615727
```
#615727 rgb(97,87,39)
```
#6f642c
```
#6f642c rgb(111,100,44)
```
#7d7032
```
#7d7032 rgb(125,112,50)
```
#8b7d37
```
#8b7d37 rgb(139,125,55)
```
#998a3d
```
#998a3d rgb(153,138,61)
```
#a79642
```
#a79642 rgb(167,150,66)
```
#b5a348
```
#b5a348 rgb(181,163,72)
```

Shade Color Variation

#bbab55
```
#bbab55 rgb(187,171,85)
```
#c1b263
```
#c1b263 rgb(193,178,99)
```
#c7b971
```
#c7b971 rgb(199,185,113)
```
#ccbf7f
```
#ccbf7f rgb(204,191,127)
```
#d2c68d
```
#d2c68d rgb(210,198,141)
```
#d7cd9b
```
#d7cd9b rgb(215,205,155)
```
#ddd4a9
```
#ddd4a9 rgb(221,212,169)
```
#e3dbb7
```
#e3dbb7 rgb(227,219,183)
```
#e8e2c5
```
#e8e2c5 rgb(232,226,197)
```
#eee9d3
```
#eee9d3 rgb(238,233,211)
```
#f3f0e2
```
#f3f0e2 rgb(243,240,226)
```
#f9f7f0
```
#f9f7f0 rgb(249,247,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848279 is the less saturated color, while #f9d104 is the most saturated one.

#848279
```
#848279 rgb(132,130,121)
```
#8e896f
```
#8e896f rgb(142,137,111)
```
#988f65
```
#988f65 rgb(152,143,101)
```
#a2965b
```
#a2965b rgb(162,150,91)
```
#ab9c52
```
#ab9c52 rgb(171,156,82)
```
#b5a348
```
#b5a348 rgb(181,163,72)
```
#bfaa3e
```
#bfaa3e rgb(191,170,62)
```
#c8b035
```
#c8b035 rgb(200,176,53)
```
#d2b72b
```
#d2b72b rgb(210,183,43)
```
#dcbd21
```
#dcbd21 rgb(220,189,33)
```
#e6c417
```
#e6c417 rgb(230,196,23)
```
#efca0e
```
#efca0e rgb(239,202,14)
```
#f9d104
```
#f9d104 rgb(249,209,4)
```

Tone Color Variation

Below, you can see how #b5a348 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#9e9e9e Achromatopsia 0.005% of the population
#a39f8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a751 Protanopia 1% of men
#cca054 Deuteranopia 1% of men
#c19ea9 Tritanopia 0.001% of the population

Trichromacy

#b7a54e Protanomaly 1% of men, 0.01% of women
#c4a14f Deuteranomaly 6% of men, 0.4% of women
#bda086 Tritanomaly 0.01% of the population

#b5a348 hex color

#b5a348 Color Information

#b5a348 Color Conversion

Color Schemes with #b5a348

Alternatives to #b5a348

#b5a348 Preview

Shades and Tints of #b5a348

Tones of #b5a348

Color Blindness Simulator