#bb9420 hex color

In a RGB color space, hex #bb9420 is composed of 73.3% red, 58% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.9% magenta, 82.9% yellow and 26.7% black. It has a hue angle of 44.9 degrees, a saturation of 70.8% and a lightness of 42.9%. #bb9420 color hex could be obtained by blending #ffff40 with #772900. Closest websafe color is: #cc9933.

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

● #bb9420 color description : Strong orange.

The hexadecimal color #bb9420 has RGB values of R:187, G:148, B:32 and CMYK values of C:0, M:0.21, Y:0.83, K:0.27. Its decimal value is 12293152.

Hex triplet	bb9420	`#bb9420`
RGB Decimal	187, 148, 32	`rgb(187,148,32)`
RGB Percent	73.3, 58, 12.5	`rgb(73.3%,58%,12.5%)`
CMYK	0, 21, 83, 27
HSL	44.9°, 70.8, 42.9	`hsl(44.9,70.8%,42.9%)`
HSV (or HSB)	44.9°, 82.9, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	63.219, 3.983, 61.06
XYZ	31.345, 31.85, 5.863
xyY	0.454, 0.461, 31.85
CIE-LCH	63.219, 61.19, 86.268
CIE-LUV	63.219, 33.047, 62.393
Hunter-Lab	56.436, 0.376, 33.346
Binary	10111011, 10010100, 00100000

#bb9420
```
#bb9420 rgb(187,148,32)
```
#2047bb
```
#2047bb rgb(32,71,187)
```

Complementary Color

#bb4720
```
#bb4720 rgb(187,71,32)
```
#bb9420
```
#bb9420 rgb(187,148,32)
```
#95bb20
```
#95bb20 rgb(149,187,32)
```

Analogous Color

#4720bb
```
#4720bb rgb(71,32,187)
```
#bb9420
```
#bb9420 rgb(187,148,32)
```
#2095bb
```
#2095bb rgb(32,149,187)
```

Split Complementary Color

#9420bb
```
#9420bb rgb(148,32,187)
```
#bb9420
```
#bb9420 rgb(187,148,32)
```
#20bb94
```
#20bb94 rgb(32,187,148)
```

Triadic Color

#bb2047
```
#bb2047 rgb(187,32,71)
```
#bb9420
```
#bb9420 rgb(187,148,32)
```
#20bb94
```
#20bb94 rgb(32,187,148)
```
#2047bb
```
#2047bb rgb(32,71,187)
```

Tetradic Color

#7a6015
```
#7a6015 rgb(122,96,21)
```
#8f7219
```
#8f7219 rgb(143,114,25)
```
#a5831c
```
#a5831c rgb(165,131,28)
```
#bb9420
```
#bb9420 rgb(187,148,32)
```
#d1a524
```
#d1a524 rgb(209,165,36)
```
#dcb132
```
#dcb132 rgb(220,177,50)
```
#e0b948
```
#e0b948 rgb(224,185,72)
```

Monochromatic Color

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

#bb6d20
```
#bb6d20 rgb(187,109,32)
```
#bb7a20
```
#bb7a20 rgb(187,122,32)
```
#bb8720
```
#bb8720 rgb(187,135,32)
```
#bb9420
```
#bb9420 rgb(187,148,32)
```
#bba120
```
#bba120 rgb(187,161,32)
```
#bbae20
```
#bbae20 rgb(187,174,32)
```
#bbbb20
```
#bbbb20 rgb(187,187,32)
```

Similar Colors

Text with hexadecimal color #bb9420

This text has a font color of #bb9420.

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

#bb9420 background color

This paragraph has a background color of #bb9420.

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

#bb9420 border color

This element has a border color of #bb9420.

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

CSS codes

.text {color:#bb9420;}

.background {background-color:#bb9420;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#140f03
```
#140f03 rgb(20,15,3)
```
#241d06
```
#241d06 rgb(36,29,6)
```
#352a09
```
#352a09 rgb(53,42,9)
```
#46370c
```
#46370c rgb(70,55,12)
```
#57440f
```
#57440f rgb(87,68,15)
```
#675212
```
#675212 rgb(103,82,18)
```
#785f15
```
#785f15 rgb(120,95,21)
```
#896c17
```
#896c17 rgb(137,108,23)
```
#9a791a
```
#9a791a rgb(154,121,26)
```
#aa871d
```
#aa871d rgb(170,135,29)
```
#bb9420
```
#bb9420 rgb(187,148,32)
```
#cca123
```
#cca123 rgb(204,161,35)
```

Shade Color Variation

#daad28
```
#daad28 rgb(218,173,40)
```
#ddb439
```
#ddb439 rgb(221,180,57)
```
#e0ba4a
```
#e0ba4a rgb(224,186,74)
```
#e3c05a
```
#e3c05a rgb(227,192,90)
```
#e6c76b
```
#e6c76b rgb(230,199,107)
```
#e9cd7c
```
#e9cd7c rgb(233,205,124)
```
#ebd48d
```
#ebd48d rgb(235,212,141)
```
#eeda9d
```
#eeda9d rgb(238,218,157)
```
#f1e0ae
```
#f1e0ae rgb(241,224,174)
```
#f4e7bf
```
#f4e7bf rgb(244,231,191)
```
#f7edd0
```
#f7edd0 rgb(247,237,208)
```
#faf3e0
```
#faf3e0 rgb(250,243,224)
```
#fdfaf1
```
#fdfaf1 rgb(253,250,241)
```

Tint Color Variation

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

#6f6e6c
```
#6f6e6c rgb(111,110,108)
```
#787363
```
#787363 rgb(120,115,99)
```
#80775b
```
#80775b rgb(128,119,91)
```
#887b53
```
#887b53 rgb(136,123,83)
```
#917f4a
```
#917f4a rgb(145,127,74)
```
#998342
```
#998342 rgb(153,131,66)
```
#a28739
```
#a28739 rgb(162,135,57)
```
#aa8c31
```
#aa8c31 rgb(170,140,49)
```
#b39028
```
#b39028 rgb(179,144,40)
```
#bb9420
```
#bb9420 rgb(187,148,32)
```
#c39818
```
#c39818 rgb(195,152,24)
```
#cc9c0f
```
#cc9c0f rgb(204,156,15)
```
#d4a107
```
#d4a107 rgb(212,161,7)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#9a927b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09e2c Protanopia 1% of men
#c5962d Deuteranopia 1% of men
#c68f99 Tritanopia 0.001% of the population

Trichromacy

#b49a28 Protanomaly 1% of men, 0.01% of women
#c19528 Deuteranomaly 6% of men, 0.4% of women
#c2916d Tritanomaly 0.01% of the population

#bb9420 hex color

#bb9420 Color Information

#bb9420 Color Conversion

Color Schemes with #bb9420

Alternatives to #bb9420

#bb9420 Preview

Shades and Tints of #bb9420

Tones of #bb9420

Color Blindness Simulator