#b5a222 hex color

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

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

● #b5a222 color description : Strong yellow.

The hexadecimal color #b5a222 has RGB values of R:181, G:162, B:34 and CMYK values of C:0, M:0.1, Y:0.81, K:0.29. Its decimal value is 11903522.

Hex triplet	b5a222	`#b5a222`
RGB Decimal	181, 162, 34	`rgb(181,162,34)`
RGB Percent	71, 63.5, 13.3	`rgb(71%,63.5%,13.3%)`
CMYK	0, 10, 81, 29
HSL	52.2°, 68.4, 42.2	`hsl(52.2,68.4%,42.2%)`
HSV (or HSB)	52.2°, 81.2, 71
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.352, -6.172, 62.948
XYZ	32.265, 35.781, 6.72
xyY	0.432, 0.479, 35.781
CIE-LCH	66.352, 63.25, 95.6
CIE-LUV	66.352, 18.311, 67.515
Hunter-Lab	59.817, -8.397, 35.211
Binary	10110101, 10100010, 00100010

#b5a222
```
#b5a222 rgb(181,162,34)
```
#2235b5
```
#2235b5 rgb(34,53,181)
```

Complementary Color

#b55922
```
#b55922 rgb(181,89,34)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#7fb522
```
#7fb522 rgb(127,181,34)
```

Analogous Color

#5922b5
```
#5922b5 rgb(89,34,181)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#227fb5
```
#227fb5 rgb(34,127,181)
```

Split Complementary Color

#a222b5
```
#a222b5 rgb(162,34,181)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```

Triadic Color

#b52235
```
#b52235 rgb(181,34,53)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#22b5a2
```
#22b5a2 rgb(34,181,162)
```
#2235b5
```
#2235b5 rgb(34,53,181)
```

Tetradic Color

#756816
```
#756816 rgb(117,104,22)
```
#8a7c1a
```
#8a7c1a rgb(138,124,26)
```
#a08f1e
```
#a08f1e rgb(160,143,30)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#cab526
```
#cab526 rgb(202,181,38)
```
#d8c332
```
#d8c332 rgb(216,195,50)
```
#dcc947
```
#dcc947 rgb(220,201,71)
```

Monochromatic Color

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

#b57d22
```
#b57d22 rgb(181,125,34)
```
#b58a22
```
#b58a22 rgb(181,138,34)
```
#b59622
```
#b59622 rgb(181,150,34)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#b5ae22
```
#b5ae22 rgb(181,174,34)
```
#b0b522
```
#b0b522 rgb(176,181,34)
```
#a3b522
```
#a3b522 rgb(163,181,34)
```

Similar Colors

Text with hexadecimal color #b5a222

This text has a font color of #b5a222.

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

#b5a222 background color

This paragraph has a background color of #b5a222.

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

#b5a222 border color

This element has a border color of #b5a222.

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

CSS codes

.text {color:#b5a222;}

.background {background-color:#b5a222;}

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

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

#100e03
```
#100e03 rgb(16,14,3)
```
#201d06
```
#201d06 rgb(32,29,6)
```
#312c09
```
#312c09 rgb(49,44,9)
```
#413b0c
```
#413b0c rgb(65,59,12)
```
#52490f
```
#52490f rgb(82,73,15)
```
#625812
```
#625812 rgb(98,88,18)
```
#736716
```
#736716 rgb(115,103,22)
```
#837619
```
#837619 rgb(131,118,25)
```
#94841c
```
#94841c rgb(148,132,28)
```
#a4931f
```
#a4931f rgb(164,147,31)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#c6b125
```
#c6b125 rgb(198,177,37)
```
#d6c028
```
#d6c028 rgb(214,192,40)
```

Shade Color Variation

#dac538
```
#dac538 rgb(218,197,56)
```
#ddca49
```
#ddca49 rgb(221,202,73)
```
#e0ce59
```
#e0ce59 rgb(224,206,89)
```
#e3d36a
```
#e3d36a rgb(227,211,106)
```
#e6d87a
```
#e6d87a rgb(230,216,122)
```
#e9dd8b
```
#e9dd8b rgb(233,221,139)
```
#ece29b
```
#ece29b rgb(236,226,155)
```
#efe7ac
```
#efe7ac rgb(239,231,172)
```
#f2ebbc
```
#f2ebbc rgb(242,235,188)
```
#f6f0cd
```
#f6f0cd rgb(246,240,205)
```
#f9f5dd
```
#f9f5dd rgb(249,245,221)
```
#fcfaee
```
#fcfaee rgb(252,250,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#737164
```
#737164 rgb(115,113,100)
```
#7b775c
```
#7b775c rgb(123,119,92)
```
#837d54
```
#837d54 rgb(131,125,84)
```
#8c834b
```
#8c834b rgb(140,131,75)
```
#948943
```
#948943 rgb(148,137,67)
```
#9c903b
```
#9c903b rgb(156,144,59)
```
#a49633
```
#a49633 rgb(164,150,51)
```
#ad9c2a
```
#ad9c2a rgb(173,156,42)
```
#b5a222
```
#b5a222 rgb(181,162,34)
```
#bda81a
```
#bda81a rgb(189,168,26)
```
#c6ae11
```
#c6ae11 rgb(198,174,17)
```
#ceb409
```
#ceb409 rgb(206,180,9)
```
#d6bb01
```
#d6bb01 rgb(214,187,1)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9f9b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a62d Protanopia 1% of men
#ce9e32 Deuteranopia 1% of men
#c29ca7 Tritanopia 0.001% of the population

Trichromacy

#b8a429 Protanomaly 1% of men, 0.01% of women
#c59f2c Deuteranomaly 6% of men, 0.4% of women
#bd9e76 Tritanomaly 0.01% of the population

#b5a222 hex color

#b5a222 Color Information

#b5a222 Color Conversion

Color Schemes with #b5a222

Alternatives to #b5a222

#b5a222 Preview

Shades and Tints of #b5a222

Tones of #b5a222

Color Blindness Simulator