#bb641f hex color

In a RGB color space, hex #bb641f is composed of 73.3% red, 39.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.5% magenta, 83.4% yellow and 26.7% black. It has a hue angle of 26.5 degrees, a saturation of 71.6% and a lightness of 42.7%. #bb641f color hex could be obtained by blending #ffc83e with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 39
- B 12
RGB color chart
- C 0
- M 47
- Y 83
- K 27
CMYK color chart

● #bb641f color description : Strong orange.

The hexadecimal color #bb641f has RGB values of R:187, G:100, B:31 and CMYK values of C:0, M:0.47, Y:0.83, K:0.27. Its decimal value is 12280863.

Hex triplet	bb641f	`#bb641f`
RGB Decimal	187, 100, 31	`rgb(187,100,31)`
RGB Percent	73.3, 39.2, 12.2	`rgb(73.3%,39.2%,12.2%)`
CMYK	0, 47, 83, 27
HSL	26.5°, 71.6, 42.7	`hsl(26.5,71.6%,42.7%)`
HSV (or HSB)	26.5°, 83.4, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	51.588, 30.304, 51.276
XYZ	25.299, 19.78, 3.782
xyY	0.518, 0.405, 19.78
CIE-LCH	51.588, 59.561, 59.417
CIE-LUV	51.588, 70.909, 44.065
Hunter-Lab	44.475, 23.705, 26.091
Binary	10111011, 01100100, 00011111

#bb641f
```
#bb641f rgb(187,100,31)
```
#1f76bb
```
#1f76bb rgb(31,118,187)
```

Complementary Color

#bb1f28
```
#bb1f28 rgb(187,31,40)
```
#bb641f
```
#bb641f rgb(187,100,31)
```
#bbb21f
```
#bbb21f rgb(187,178,31)
```

Analogous Color

#1f28bb
```
#1f28bb rgb(31,40,187)
```
#bb641f
```
#bb641f rgb(187,100,31)
```
#1fbbb2
```
#1fbbb2 rgb(31,187,178)
```

Split Complementary Color

#641fbb
```
#641fbb rgb(100,31,187)
```
#bb641f
```
#bb641f rgb(187,100,31)
```
#1fbb64
```
#1fbb64 rgb(31,187,100)
```

Triadic Color

#bb1f76
```
#bb1f76 rgb(187,31,118)
```
#bb641f
```
#bb641f rgb(187,100,31)
```
#1fbb64
```
#1fbb64 rgb(31,187,100)
```
#1f76bb
```
#1f76bb rgb(31,118,187)
```

Tetradic Color

#794114
```
#794114 rgb(121,65,20)
```
#8f4d18
```
#8f4d18 rgb(143,77,24)
```
#a5581b
```
#a5581b rgb(165,88,27)
```
#bb641f
```
#bb641f rgb(187,100,31)
```
#d17023
```
#d17023 rgb(209,112,35)
```
#dd7d30
```
#dd7d30 rgb(221,125,48)
```
#e08a46
```
#e08a46 rgb(224,138,70)
```

Monochromatic Color

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

#bb3d1f
```
#bb3d1f rgb(187,61,31)
```
#bb4a1f
```
#bb4a1f rgb(187,74,31)
```
#bb571f
```
#bb571f rgb(187,87,31)
```
#bb641f
```
#bb641f rgb(187,100,31)
```
#bb711f
```
#bb711f rgb(187,113,31)
```
#bb7e1f
```
#bb7e1f rgb(187,126,31)
```
#bb8b1f
```
#bb8b1f rgb(187,139,31)
```

Similar Colors

Text with hexadecimal color #bb641f

This text has a font color of #bb641f.

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

#bb641f background color

This paragraph has a background color of #bb641f.

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

#bb641f border color

This element has a border color of #bb641f.

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

CSS codes

.text {color:#bb641f;}

.background {background-color:#bb641f;}

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

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 #fdf6f0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#130a03
```
#130a03 rgb(19,10,3)
```
#241306
```
#241306 rgb(36,19,6)
```
#341c09
```
#341c09 rgb(52,28,9)
```
#45250b
```
#45250b rgb(69,37,11)
```
#562e0e
```
#562e0e rgb(86,46,14)
```
#673711
```
#673711 rgb(103,55,17)
```
#784014
```
#784014 rgb(120,64,20)
```
#894917
```
#894917 rgb(137,73,23)
```
#995219
```
#995219 rgb(153,82,25)
```
#aa5b1c
```
#aa5b1c rgb(170,91,28)
```
#bb641f
```
#bb641f rgb(187,100,31)
```
#cc6d22
```
#cc6d22 rgb(204,109,34)
```

Shade Color Variation

#db7626
```
#db7626 rgb(219,118,38)
```
#de8137
```
#de8137 rgb(222,129,55)
```
#e18b48
```
#e18b48 rgb(225,139,72)
```
#e39659
```
#e39659 rgb(227,150,89)
```
#e6a169
```
#e6a169 rgb(230,161,105)
```
#e9ab7a
```
#e9ab7a rgb(233,171,122)
```
#ecb68b
```
#ecb68b rgb(236,182,139)
```
#efc19c
```
#efc19c rgb(239,193,156)
```
#f1cbad
```
#f1cbad rgb(241,203,173)
```
#f4d6be
```
#f4d6be rgb(244,214,190)
```
#f7e0ce
```
#f7e0ce rgb(247,224,206)
```
#faebdf
```
#faebdf rgb(250,235,223)
```
#fdf6f0
```
#fdf6f0 rgb(253,246,240)
```

Tint Color Variation

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

#706d6a
```
#706d6a rgb(112,109,106)
```
#786c62
```
#786c62 rgb(120,108,98)
```
#806b5a
```
#806b5a rgb(128,107,90)
```
#896a51
```
#896a51 rgb(137,106,81)
```
#916949
```
#916949 rgb(145,105,73)
```
#996841
```
#996841 rgb(153,104,65)
```
#a26738
```
#a26738 rgb(162,103,56)
```
#aa6630
```
#aa6630 rgb(170,102,48)
```
#b36527
```
#b36527 rgb(179,101,39)
```
#bb641f
```
#bb641f rgb(187,100,31)
```
#c36317
```
#c36317 rgb(195,99,23)
```
#cc620e
```
#cc620e rgb(204,98,14)
```
#d46106
```
#d46106 rgb(212,97,6)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#847265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908230 Protanopia 1% of men
#a17b23 Deuteranopia 1% of men
#c1656c Tritanopia 0.001% of the population

Trichromacy

#9f772a Protanomaly 1% of men, 0.01% of women
#aa7321 Deuteranomaly 6% of men, 0.4% of women
#bf6550 Tritanomaly 0.01% of the population

#bb641f hex color

#bb641f Color Information

#bb641f Color Conversion

Color Schemes with #bb641f

Alternatives to #bb641f

#bb641f Preview

Shades and Tints of #bb641f

Tones of #bb641f

Color Blindness Simulator