colorhexa.com

#bb801f hex color

In a RGB color space, hex #bb801f is composed of 73.3% red, 50.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.6% magenta, 83.4% yellow and 26.7% black. It has a hue angle of 37.3 degrees, a saturation of 71.6% and a lightness of 42.7%. #bb801f color hex could be obtained by blending #ffff3e with #770100. Closest websafe color is: #cc9933.

- R 73
- G 50
- B 12
RGB color chart
- C 0
- M 32
- Y 83
- K 27
CMYK color chart

● #bb801f color description : Strong orange.

The hexadecimal color #bb801f has RGB values of R:187, G:128, B:31 and CMYK values of C:0, M:0.32, Y:0.83, K:0.27. Its decimal value is 12288031.

Hex triplet	bb801f	`#bb801f`
RGB Decimal	187, 128, 31	`rgb(187,128,31)`
RGB Percent	73.3, 50.2, 12.2	`rgb(73.3%,50.2%,12.2%)`
CMYK	0, 32, 83, 27
HSL	37.3°, 71.6, 42.7	`hsl(37.3,71.6%,42.7%)`
HSV (or HSB)	37.3°, 83.4, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.136, 14.958, 56.992
XYZ	28.461, 26.104, 4.836
xyY	0.479, 0.439, 26.104
CIE-LCH	58.136, 58.922, 75.294
CIE-LUV	58.136, 48.484, 54.666
Hunter-Lab	51.092, 10.022, 30.153
Binary	10111011, 10000000, 00011111

#bb801f
```
#bb801f rgb(187,128,31)
```
#1f5abb
```
#1f5abb rgb(31,90,187)
```

Complementary Color

#bb321f
```
#bb321f rgb(187,50,31)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#a8bb1f
```
#a8bb1f rgb(168,187,31)
```

Analogous Color

#321fbb
```
#321fbb rgb(50,31,187)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#1fa8bb
```
#1fa8bb rgb(31,168,187)
```

Split Complementary Color

#801fbb
```
#801fbb rgb(128,31,187)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#1fbb80
```
#1fbb80 rgb(31,187,128)
```

Triadic Color

#bb1f5a
```
#bb1f5a rgb(187,31,90)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#1fbb80
```
#1fbb80 rgb(31,187,128)
```
#1f5abb
```
#1f5abb rgb(31,90,187)
```

Tetradic Color

#795314
```
#795314 rgb(121,83,20)
```
#8f6218
```
#8f6218 rgb(143,98,24)
```
#a5711b
```
#a5711b rgb(165,113,27)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#d18f23
```
#d18f23 rgb(209,143,35)
```
#dd9c30
```
#dd9c30 rgb(221,156,48)
```
#e0a646
```
#e0a646 rgb(224,166,70)
```

Monochromatic Color

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

#bb591f
```
#bb591f rgb(187,89,31)
```
#bb661f
```
#bb661f rgb(187,102,31)
```
#bb731f
```
#bb731f rgb(187,115,31)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#bb8d1f
```
#bb8d1f rgb(187,141,31)
```
#bb9a1f
```
#bb9a1f rgb(187,154,31)
```
#bba71f
```
#bba71f rgb(187,167,31)
```

Similar Colors

Text with hexadecimal color #bb801f

This text has a font color of #bb801f.

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

#bb801f background color

This paragraph has a background color of #bb801f.

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

#bb801f border color

This element has a border color of #bb801f.

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

CSS codes

.text {color:#bb801f;}

.background {background-color:#bb801f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130d03
```
#130d03 rgb(19,13,3)
```
#241806
```
#241806 rgb(36,24,6)
```
#342409
```
#342409 rgb(52,36,9)
```
#452f0b
```
#452f0b rgb(69,47,11)
```
#563b0e
```
#563b0e rgb(86,59,14)
```
#674611
```
#674611 rgb(103,70,17)
```
#785214
```
#785214 rgb(120,82,20)
```
#895d17
```
#895d17 rgb(137,93,23)
```
#996919
```
#996919 rgb(153,105,25)
```
#aa741c
```
#aa741c rgb(170,116,28)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#cc8c22
```
#cc8c22 rgb(204,140,34)
```

Shade Color Variation

#db9726
```
#db9726 rgb(219,151,38)
```
#de9f37
```
#de9f37 rgb(222,159,55)
```
#e1a748
```
#e1a748 rgb(225,167,72)
```
#e3af59
```
#e3af59 rgb(227,175,89)
```
#e6b769
```
#e6b769 rgb(230,183,105)
```
#e9bf7a
```
#e9bf7a rgb(233,191,122)
```
#ecc78b
```
#ecc78b rgb(236,199,139)
```
#efcf9c
```
#efcf9c rgb(239,207,156)
```
#f1d7ad
```
#f1d7ad rgb(241,215,173)
```
#f4e0be
```
#f4e0be rgb(244,224,190)
```
#f7e8ce
```
#f7e8ce rgb(247,232,206)
```
#faf0df
```
#faf0df rgb(250,240,223)
```
#fdf8f0
```
#fdf8f0 rgb(253,248,240)
```

Tint Color Variation

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

#706e6a
```
#706e6a rgb(112,110,106)
```
#787062
```
#787062 rgb(120,112,98)
```
#80725a
```
#80725a rgb(128,114,90)
```
#897451
```
#897451 rgb(137,116,81)
```
#917649
```
#917649 rgb(145,118,73)
```
#997841
```
#997841 rgb(153,120,65)
```
#a27a38
```
#a27a38 rgb(162,122,56)
```
#aa7c30
```
#aa7c30 rgb(170,124,48)
```
#b37e27
```
#b37e27 rgb(179,126,39)
```
#bb801f
```
#bb801f rgb(187,128,31)
```
#c38217
```
#c38217 rgb(195,130,23)
```
#cc840e
```
#cc840e rgb(204,132,14)
```
#d48606
```
#d48606 rgb(212,134,6)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#918672 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2912d Protanopia 1% of men
#b58a28 Deuteranopia 1% of men
#c47e86 Tritanopia 0.001% of the population

Trichromacy

#ab8b28 Protanomaly 1% of men, 0.01% of women
#b78624 Deuteranomaly 6% of men, 0.4% of women
#c07e61 Tritanomaly 0.01% of the population