#b5a22a hex color

In a RGB color space, hex #b5a22a is composed of 71% red, 63.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 76.8% yellow and 29% black. It has a hue angle of 51.8 degrees, a saturation of 62.3% and a lightness of 43.7%. #b5a22a color hex could be obtained by blending #ffff54 with #6b4500. Closest websafe color is: #cc9933.

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

● #b5a22a color description : Strong yellow.

The hexadecimal color #b5a22a has RGB values of R:181, G:162, B:42 and CMYK values of C:0, M:0.1, Y:0.77, K:0.29. Its decimal value is 11903530.

Hex triplet	b5a22a	`#b5a22a`
RGB Decimal	181, 162, 42	`rgb(181,162,42)`
RGB Percent	71, 63.5, 16.5	`rgb(71%,63.5%,16.5%)`
CMYK	0, 10, 77, 29
HSL	51.8°, 62.3, 43.7	`hsl(51.8,62.3%,43.7%)`
HSV (or HSB)	51.8°, 76.8, 71
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.392, -5.878, 60.435
XYZ	32.395, 35.833, 7.4
xyY	0.428, 0.474, 35.833
CIE-LCH	66.392, 60.72, 95.555
CIE-LUV	66.392, 18.134, 65.887
Hunter-Lab	59.86, -8.157, 34.572
Binary	10110101, 10100010, 00101010

#b5a22a
```
#b5a22a rgb(181,162,42)
```
#2a3db5
```
#2a3db5 rgb(42,61,181)
```

Complementary Color

#b55d2a
```
#b55d2a rgb(181,93,42)
```
#b5a22a
```
#b5a22a rgb(181,162,42)
```
#83b52a
```
#83b52a rgb(131,181,42)
```

Analogous Color

#5d2ab5
```
#5d2ab5 rgb(93,42,181)
```
#b5a22a
```
#b5a22a rgb(181,162,42)
```
#2a83b5
```
#2a83b5 rgb(42,131,181)
```

Split Complementary Color

#a22ab5
```
#a22ab5 rgb(162,42,181)
```
#b5a22a
```
#b5a22a rgb(181,162,42)
```
#2ab5a2
```
#2ab5a2 rgb(42,181,162)
```

Triadic Color

#b52a3d
```
#b52a3d rgb(181,42,61)
```
#b5a22a
```
#b5a22a rgb(181,162,42)
```
#2ab5a2
```
#2ab5a2 rgb(42,181,162)
```
#2a3db5
```
#2a3db5 rgb(42,61,181)
```

Tetradic Color

#776a1c
```
#776a1c rgb(119,106,28)
```
#8c7d20
```
#8c7d20 rgb(140,125,32)
```
#a08f25
```
#a08f25 rgb(160,143,37)
```
#b5a22a
```
#b5a22a rgb(181,162,42)
```
#cab52f
```
#cab52f rgb(202,181,47)
```
#d3be3f
```
#d3be3f rgb(211,190,63)
```
#d7c554
```
#d7c554 rgb(215,197,84)
```

Monochromatic Color

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

#b57f2a
```
#b57f2a rgb(181,127,42)
```
#b58b2a
```
#b58b2a rgb(181,139,42)
```
#b5962a
```
#b5962a rgb(181,150,42)
```
#b5a22a
```
#b5a22a rgb(181,162,42)
```
#b5ae2a
```
#b5ae2a rgb(181,174,42)
```
#b1b52a
```
#b1b52a rgb(177,181,42)
```
#a5b52a
```
#a5b52a rgb(165,181,42)
```

Similar Colors

Text with hexadecimal color #b5a22a

This text has a font color of #b5a22a.

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

#b5a22a background color

This paragraph has a background color of #b5a22a.

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

#b5a22a border color

This element has a border color of #b5a22a.

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

CSS codes

.text {color:#b5a22a;}

.background {background-color:#b5a22a;}

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

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, #060501 is the darkest color, while #fdfcf5 is the lightest one.

#060501
```
#060501 rgb(6,5,1)
```
#161405
```
#161405 rgb(22,20,5)
```
#262209
```
#262209 rgb(38,34,9)
```
#36300c
```
#36300c rgb(54,48,12)
```
#463e10
```
#463e10 rgb(70,62,16)
```
#554d14
```
#554d14 rgb(85,77,20)
```
#655b18
```
#655b18 rgb(101,91,24)
```
#75691b
```
#75691b rgb(117,105,27)
```
#85771f
```
#85771f rgb(133,119,31)
```
#958623
```
#958623 rgb(149,134,35)
```
#a59426
```
#a59426 rgb(165,148,38)
```
#b5a22a
```
#b5a22a rgb(181,162,42)
```
#c5b02e
```
#c5b02e rgb(197,176,46)
```

Shade Color Variation

#d0bb36
```
#d0bb36 rgb(208,187,54)
```
#d4c146
```
#d4c146 rgb(212,193,70)
```
#d8c656
```
#d8c656 rgb(216,198,86)
```
#dbcb66
```
#dbcb66 rgb(219,203,102)
```
#dfd176
```
#dfd176 rgb(223,209,118)
```
#e3d686
```
#e3d686 rgb(227,214,134)
```
#e7db95
```
#e7db95 rgb(231,219,149)
```
#eae1a5
```
#eae1a5 rgb(234,225,165)
```
#eee6b5
```
#eee6b5 rgb(238,230,181)
```
#f2ecc5
```
#f2ecc5 rgb(242,236,197)
```
#f5f1d5
```
#f5f1d5 rgb(245,241,213)
```
#f9f6e5
```
#f9f6e5 rgb(249,246,229)
```
#fdfcf5
```
#fdfcf5 rgb(253,252,245)
```

Tint Color Variation

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

#70706f
```
#70706f rgb(112,112,111)
```
#797666
```
#797666 rgb(121,118,102)
```
#827d5d
```
#827d5d rgb(130,125,93)
```
#8a8355
```
#8a8355 rgb(138,131,85)
```
#93894c
```
#93894c rgb(147,137,76)
```
#9b8f44
```
#9b8f44 rgb(155,143,68)
```
#a4963b
```
#a4963b rgb(164,150,59)
```
#ac9c33
```
#ac9c33 rgb(172,156,51)
```
#b5a22a
```
#b5a22a rgb(181,162,42)
```
#bea821
```
#bea821 rgb(190,168,33)
```
#c6ae19
```
#c6ae19 rgb(198,174,25)
```
#cfb510
```
#cfb510 rgb(207,181,16)
```
#d7bb08
```
#d7bb08 rgb(215,187,8)
```

Tone Color Variation

Below, you can see how #b5a22a 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

#9a9a9a Achromatopsia 0.005% of the population
#9f9c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a635 Protanopia 1% of men
#ce9e39 Deuteranopia 1% of men
#c29ca7 Tritanopia 0.001% of the population

Trichromacy

#b7a431 Protanomaly 1% of men, 0.01% of women
#c59f33 Deuteranomaly 6% of men, 0.4% of women
#bd9e79 Tritanomaly 0.01% of the population

#b5a22a hex color

#b5a22a Color Information

#b5a22a Color Conversion

Color Schemes with #b5a22a

Alternatives to #b5a22a

#b5a22a Preview

Shades and Tints of #b5a22a

Tones of #b5a22a

Color Blindness Simulator