#bb9522 hex color

In a RGB color space, hex #bb9522 is composed of 73.3% red, 58.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.3% magenta, 81.8% yellow and 26.7% black. It has a hue angle of 45.1 degrees, a saturation of 69.2% and a lightness of 43.3%. #bb9522 color hex could be obtained by blending #ffff44 with #772b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 58
- B 13
RGB color chart
- C 0
- M 20
- Y 82
- K 27
CMYK color chart

● #bb9522 color description : Strong yellow.

The hexadecimal color #bb9522 has RGB values of R:187, G:149, B:34 and CMYK values of C:0, M:0.2, Y:0.82, K:0.27. Its decimal value is 12293410.

Hex triplet	bb9522	`#bb9522`
RGB Decimal	187, 149, 34	`rgb(187,149,34)`
RGB Percent	73.3, 58.4, 13.3	`rgb(73.3%,58.4%,13.3%)`
CMYK	0, 20, 82, 27
HSL	45.1°, 69.2, 43.3	`hsl(45.1,69.2%,43.3%)`
HSV (or HSB)	45.1°, 81.8, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.489, 3.501, 60.675
XYZ	31.53, 32.177, 6.063
xyY	0.452, 0.461, 32.177
CIE-LCH	63.489, 60.776, 86.697
CIE-LUV	63.489, 32.242, 62.419
Hunter-Lab	56.724, -0.049, 33.37
Binary	10111011, 10010101, 00100010

#bb9522
```
#bb9522 rgb(187,149,34)
```
#2248bb
```
#2248bb rgb(34,72,187)
```

Complementary Color

#bb4822
```
#bb4822 rgb(187,72,34)
```
#bb9522
```
#bb9522 rgb(187,149,34)
```
#95bb22
```
#95bb22 rgb(149,187,34)
```

Analogous Color

#4822bb
```
#4822bb rgb(72,34,187)
```
#bb9522
```
#bb9522 rgb(187,149,34)
```
#2295bb
```
#2295bb rgb(34,149,187)
```

Split Complementary Color

#9522bb
```
#9522bb rgb(149,34,187)
```
#bb9522
```
#bb9522 rgb(187,149,34)
```
#22bb95
```
#22bb95 rgb(34,187,149)
```

Triadic Color

#bb2248
```
#bb2248 rgb(187,34,72)
```
#bb9522
```
#bb9522 rgb(187,149,34)
```
#22bb95
```
#22bb95 rgb(34,187,149)
```
#2248bb
```
#2248bb rgb(34,72,187)
```

Tetradic Color

#7a6116
```
#7a6116 rgb(122,97,22)
```
#90731a
```
#90731a rgb(144,115,26)
```
#a5841e
```
#a5841e rgb(165,132,30)
```
#bb9522
```
#bb9522 rgb(187,149,34)
```
#d1a626
```
#d1a626 rgb(209,166,38)
```
#dab136
```
#dab136 rgb(218,177,54)
```
#deba4b
```
#deba4b rgb(222,186,75)
```

Monochromatic Color

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

#bb6f22
```
#bb6f22 rgb(187,111,34)
```
#bb7c22
```
#bb7c22 rgb(187,124,34)
```
#bb8822
```
#bb8822 rgb(187,136,34)
```
#bb9522
```
#bb9522 rgb(187,149,34)
```
#bba222
```
#bba222 rgb(187,162,34)
```
#bbaf22
```
#bbaf22 rgb(187,175,34)
```
#bbbb22
```
#bbbb22 rgb(187,187,34)
```

Similar Colors

Text with hexadecimal color #bb9522

This text has a font color of #bb9522.

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

#bb9522 background color

This paragraph has a background color of #bb9522.

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

#bb9522 border color

This element has a border color of #bb9522.

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

CSS codes

.text {color:#bb9522;}

.background {background-color:#bb9522;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#151104
```
#151104 rgb(21,17,4)
```
#261e07
```
#261e07 rgb(38,30,7)
```
#362b0a
```
#362b0a rgb(54,43,10)
```
#47380d
```
#47380d rgb(71,56,13)
```
#574610
```
#574610 rgb(87,70,16)
```
#685313
```
#685313 rgb(104,83,19)
```
#796016
```
#796016 rgb(121,96,22)
```
#896d19
```
#896d19 rgb(137,109,25)
```
#9a7b1c
```
#9a7b1c rgb(154,123,28)
```
#aa881f
```
#aa881f rgb(170,136,31)
```
#bb9522
```
#bb9522 rgb(187,149,34)
```
#cca225
```
#cca225 rgb(204,162,37)
```

Shade Color Variation

#d9ae2c
```
#d9ae2c rgb(217,174,44)
```
#dcb43c
```
#dcb43c rgb(220,180,60)
```
#dfba4d
```
#dfba4d rgb(223,186,77)
```
#e2c15d
```
#e2c15d rgb(226,193,93)
```
#e5c76e
```
#e5c76e rgb(229,199,110)
```
#e8ce7f
```
#e8ce7f rgb(232,206,127)
```
#ebd48f
```
#ebd48f rgb(235,212,143)
```
#eedaa0
```
#eedaa0 rgb(238,218,160)
```
#f1e1b0
```
#f1e1b0 rgb(241,225,176)
```
#f4e7c1
```
#f4e7c1 rgb(244,231,193)
```
#f7eed2
```
#f7eed2 rgb(247,238,210)
```
#faf4e2
```
#faf4e2 rgb(250,244,226)
```
#fdfaf3
```
#fdfaf3 rgb(253,250,243)
```

Tint Color Variation

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

#6f6f6f
```
#6f6f6f rgb(111,111,111)
```
#777366
```
#777366 rgb(119,115,102)
```
#80775e
```
#80775e rgb(128,119,94)
```
#887b55
```
#887b55 rgb(136,123,85)
```
#91804d
```
#91804d rgb(145,128,77)
```
#998444
```
#998444 rgb(153,132,68)
```
#a2883c
```
#a2883c rgb(162,136,60)
```
#aa8c33
```
#aa8c33 rgb(170,140,51)
```
#b3912b
```
#b3912b rgb(179,145,43)
```
#bb9522
```
#bb9522 rgb(187,149,34)
```
#c4991a
```
#c4991a rgb(196,153,26)
```
#cc9e11
```
#cc9e11 rgb(204,158,17)
```
#d5a208
```
#d5a208 rgb(213,162,8)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#9b937c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f2e Protanopia 1% of men
#c5972f Deuteranopia 1% of men
#c6909a Tritanopia 0.001% of the population

Trichromacy

#b59b2a Protanomaly 1% of men, 0.01% of women
#c1962a Deuteranomaly 6% of men, 0.4% of women
#c2926e Tritanomaly 0.01% of the population

#bb9522 hex color

#bb9522 Color Information

#bb9522 Color Conversion

Color Schemes with #bb9522

Alternatives to #bb9522

#bb9522 Preview

Shades and Tints of #bb9522

Tones of #bb9522

Color Blindness Simulator