#b5a822 hex color

In a RGB color space, hex #b5a822 is composed of 71% red, 65.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.2% magenta, 81.2% yellow and 29% black. It has a hue angle of 54.7 degrees, a saturation of 68.4% and a lightness of 42.2%. #b5a822 color hex could be obtained by blending #ffff44 with #6b5100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 71
- G 66
- B 13
RGB color chart
- C 0
- M 7
- Y 81
- K 29
CMYK color chart

● #b5a822 color description : Strong yellow.

The hexadecimal color #b5a822 has RGB values of R:181, G:168, B:34 and CMYK values of C:0, M:0.07, Y:0.81, K:0.29. Its decimal value is 11905058.

Hex triplet	b5a822	`#b5a822`
RGB Decimal	181, 168, 34	`rgb(181,168,34)`
RGB Percent	71, 65.9, 13.3	`rgb(71%,65.9%,13.3%)`
CMYK	0, 7, 81, 29
HSL	54.7°, 68.4, 42.2	`hsl(54.7,68.4%,42.2%)`
HSV (or HSB)	54.7°, 81.2, 71
Web Safe	cc9933	`#cc9933`

CIE-LAB	67.98, -9.333, 64.366
XYZ	33.348, 37.945, 7.081
xyY	0.425, 0.484, 37.945
CIE-LCH	67.98, 65.039, 98.25
CIE-LUV	67.98, 14.145, 69.952
Hunter-Lab	61.6, -11.167, 36.304
Binary	10110101, 10101000, 00100010

#b5a822
```
#b5a822 rgb(181,168,34)
```
#222fb5
```
#222fb5 rgb(34,47,181)
```

Complementary Color

#b55e22
```
#b55e22 rgb(181,94,34)
```
#b5a822
```
#b5a822 rgb(181,168,34)
```
#79b522
```
#79b522 rgb(121,181,34)
```

Analogous Color

#5e22b5
```
#5e22b5 rgb(94,34,181)
```
#b5a822
```
#b5a822 rgb(181,168,34)
```
#2279b5
```
#2279b5 rgb(34,121,181)
```

Split Complementary Color

#a822b5
```
#a822b5 rgb(168,34,181)
```
#b5a822
```
#b5a822 rgb(181,168,34)
```
#22b5a8
```
#22b5a8 rgb(34,181,168)
```

Triadic Color

#b5222f
```
#b5222f rgb(181,34,47)
```
#b5a822
```
#b5a822 rgb(181,168,34)
```
#22b5a8
```
#22b5a8 rgb(34,181,168)
```
#222fb5
```
#222fb5 rgb(34,47,181)
```

Tetradic Color

#756c16
```
#756c16 rgb(117,108,22)
```
#8a801a
```
#8a801a rgb(138,128,26)
```
#a0941e
```
#a0941e rgb(160,148,30)
```
#b5a822
```
#b5a822 rgb(181,168,34)
```
#cabc26
```
#cabc26 rgb(202,188,38)
```
#d8ca32
```
#d8ca32 rgb(216,202,50)
```
#dccf47
```
#dccf47 rgb(220,207,71)
```

Monochromatic Color

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

#b58322
```
#b58322 rgb(181,131,34)
```
#b59022
```
#b59022 rgb(181,144,34)
```
#b59c22
```
#b59c22 rgb(181,156,34)
```
#b5a822
```
#b5a822 rgb(181,168,34)
```
#b5b422
```
#b5b422 rgb(181,180,34)
```
#aab522
```
#aab522 rgb(170,181,34)
```
#9db522
```
#9db522 rgb(157,181,34)
```

Similar Colors

Text with hexadecimal color #b5a822

This text has a font color of #b5a822.

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

#b5a822 background color

This paragraph has a background color of #b5a822.

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

#b5a822 border color

This element has a border color of #b5a822.

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

CSS codes

.text {color:#b5a822;}

.background {background-color:#b5a822;}

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

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, #100f03 is the darkest color, while #fffffe is the lightest one.

#100f03
```
#100f03 rgb(16,15,3)
```
#201e06
```
#201e06 rgb(32,30,6)
```
#312d09
```
#312d09 rgb(49,45,9)
```
#413d0c
```
#413d0c rgb(65,61,12)
```
#524c0f
```
#524c0f rgb(82,76,15)
```
#625b12
```
#625b12 rgb(98,91,18)
```
#736b16
```
#736b16 rgb(115,107,22)
```
#837a19
```
#837a19 rgb(131,122,25)
```
#94891c
```
#94891c rgb(148,137,28)
```
#a4991f
```
#a4991f rgb(164,153,31)
```
#b5a822
```
#b5a822 rgb(181,168,34)
```
#c6b725
```
#c6b725 rgb(198,183,37)
```
#d6c728
```
#d6c728 rgb(214,199,40)
```

Shade Color Variation

#dacb38
```
#dacb38 rgb(218,203,56)
```
#ddd049
```
#ddd049 rgb(221,208,73)
```
#e0d459
```
#e0d459 rgb(224,212,89)
```
#e3d86a
```
#e3d86a rgb(227,216,106)
```
#e6dd7a
```
#e6dd7a rgb(230,221,122)
```
#e9e18b
```
#e9e18b rgb(233,225,139)
```
#ece59b
```
#ece59b rgb(236,229,155)
```
#efe9ac
```
#efe9ac rgb(239,233,172)
```
#f2eebc
```
#f2eebc rgb(242,238,188)
```
#f6f2cd
```
#f6f2cd rgb(246,242,205)
```
#f9f6dd
```
#f9f6dd rgb(249,246,221)
```
#fcfbee
```
#fcfbee rgb(252,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#737264
```
#737264 rgb(115,114,100)
```
#7b785c
```
#7b785c rgb(123,120,92)
```
#837f54
```
#837f54 rgb(131,127,84)
```
#8c864b
```
#8c864b rgb(140,134,75)
```
#948d43
```
#948d43 rgb(148,141,67)
```
#9c943b
```
#9c943b rgb(156,148,59)
```
#a49a33
```
#a49a33 rgb(164,154,51)
```
#ada12a
```
#ada12a rgb(173,161,42)
```
#b5a822
```
#b5a822 rgb(181,168,34)
```
#bdaf1a
```
#bdaf1a rgb(189,175,26)
```
#c6b611
```
#c6b611 rgb(198,182,17)
```
#cebc09
```
#cebc09 rgb(206,188,9)
```
#d6c301
```
#d6c301 rgb(214,195,1)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a29f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa2d Protanopia 1% of men
#d3a233 Deuteranopia 1% of men
#c3a1ac Tritanopia 0.001% of the population

Trichromacy

#bba929 Protanomaly 1% of men, 0.01% of women
#c8a42d Deuteranomaly 6% of men, 0.4% of women
#bea37a Tritanomaly 0.01% of the population

#b5a822 hex color

#b5a822 Color Information

#b5a822 Color Conversion

Color Schemes with #b5a822

Alternatives to #b5a822

#b5a822 Preview

Shades and Tints of #b5a822

Tones of #b5a822

Color Blindness Simulator