colorhexa.com

#bb6f1a hex color

In a RGB color space, hex #bb6f1a is composed of 73.3% red, 43.5% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.6% magenta, 86.1% yellow and 26.7% black. It has a hue angle of 31.7 degrees, a saturation of 75.6% and a lightness of 41.8%. #bb6f1a color hex could be obtained by blending #ffde34 with #770000. Closest websafe color is: #cc6633.

- R 73
- G 44
- B 10
RGB color chart
- C 0
- M 41
- Y 86
- K 27
CMYK color chart

● #bb6f1a color description : Strong orange.

The hexadecimal color #bb6f1a has RGB values of R:187, G:111, B:26 and CMYK values of C:0, M:0.41, Y:0.86, K:0.27. Its decimal value is 12283674.

Hex triplet	bb6f1a	`#bb6f1a`
RGB Decimal	187, 111, 26	`rgb(187,111,26)`
RGB Percent	73.3, 43.5, 10.2	`rgb(73.3%,43.5%,10.2%)`
CMYK	0, 41, 86, 27
HSL	31.7°, 75.6, 41.8	`hsl(31.7,75.6%,41.8%)`
HSV (or HSB)	31.7°, 86.1, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.038, 24.2, 55.184
XYZ	26.365, 22.01, 3.837
xyY	0.505, 0.422, 22.01
CIE-LCH	54.038, 60.257, 66.321
CIE-LUV	54.038, 62.321, 49.114
Hunter-Lab	46.915, 18.211, 27.991
Binary	10111011, 01101111, 00011010

#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#1a66bb
```
#1a66bb rgb(26,102,187)
```

Complementary Color

#bb1f1a
```
#bb1f1a rgb(187,31,26)
```
#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#b7bb1a
```
#b7bb1a rgb(183,187,26)
```

Analogous Color

#1f1abb
```
#1f1abb rgb(31,26,187)
```
#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#1ab7bb
```
#1ab7bb rgb(26,183,187)
```

Split Complementary Color

#6f1abb
```
#6f1abb rgb(111,26,187)
```
#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#1abb6f
```
#1abb6f rgb(26,187,111)
```

Triadic Color

#bb1a66
```
#bb1a66 rgb(187,26,102)
```
#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#1abb6f
```
#1abb6f rgb(26,187,111)
```
#1a66bb
```
#1a66bb rgb(26,102,187)
```

Tetradic Color

#784711
```
#784711 rgb(120,71,17)
```
#8e5414
```
#8e5414 rgb(142,84,20)
```
#a56217
```
#a56217 rgb(165,98,23)
```
#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#d17c1d
```
#d17c1d rgb(209,124,29)
```
#e18927
```
#e18927 rgb(225,137,39)
```
#e4953d
```
#e4953d rgb(228,149,61)
```

Monochromatic Color

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

#bb471a
```
#bb471a rgb(187,71,26)
```
#bb541a
```
#bb541a rgb(187,84,26)
```
#bb621a
```
#bb621a rgb(187,98,26)
```
#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#bb7c1a
```
#bb7c1a rgb(187,124,26)
```
#bb8a1a
```
#bb8a1a rgb(187,138,26)
```
#bb971a
```
#bb971a rgb(187,151,26)
```

Similar Colors

Text with hexadecimal color #bb6f1a

This text has a font color of #bb6f1a.

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

#bb6f1a background color

This paragraph has a background color of #bb6f1a.

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

#bb6f1a border color

This element has a border color of #bb6f1a.

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

CSS codes

.text {color:#bb6f1a;}

.background {background-color:#bb6f1a;}

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

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, #0f0902 is the darkest color, while #fffefd is the lightest one.

#0f0902
```
#0f0902 rgb(15,9,2)
```
#201304
```
#201304 rgb(32,19,4)
```
#311d07
```
#311d07 rgb(49,29,7)
```
#422709
```
#422709 rgb(66,39,9)
```
#54320c
```
#54320c rgb(84,50,12)
```
#653c0e
```
#653c0e rgb(101,60,14)
```
#764610
```
#764610 rgb(118,70,16)
```
#875013
```
#875013 rgb(135,80,19)
```
#995b15
```
#995b15 rgb(153,91,21)
```
#aa6518
```
#aa6518 rgb(170,101,24)
```
#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#cc791c
```
#cc791c rgb(204,121,28)
```
#dd831f
```
#dd831f rgb(221,131,31)
```

Shade Color Variation

#e28d2e
```
#e28d2e rgb(226,141,46)
```
#e4963f
```
#e4963f rgb(228,150,63)
```
#e7a050
```
#e7a050 rgb(231,160,80)
```
#e9a962
```
#e9a962 rgb(233,169,98)
```
#ecb373
```
#ecb373 rgb(236,179,115)
```
#eebc84
```
#eebc84 rgb(238,188,132)
```
#f0c595
```
#f0c595 rgb(240,197,149)
```
#f3cfa6
```
#f3cfa6 rgb(243,207,166)
```
#f5d8b8
```
#f5d8b8 rgb(245,216,184)
```
#f7e1c9
```
#f7e1c9 rgb(247,225,201)
```
#faebda
```
#faebda rgb(250,235,218)
```
#fcf4eb
```
#fcf4eb rgb(252,244,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#716b64
```
#716b64 rgb(113,107,100)
```
#796b5c
```
#796b5c rgb(121,107,92)
```
#826c53
```
#826c53 rgb(130,108,83)
```
#8a6c4b
```
#8a6c4b rgb(138,108,75)
```
#926d43
```
#926d43 rgb(146,109,67)
```
#9a6d3b
```
#9a6d3b rgb(154,109,59)
```
#a26e33
```
#a26e33 rgb(162,110,51)
```
#ab6e2a
```
#ab6e2a rgb(171,110,42)
```
#b36f22
```
#b36f22 rgb(179,111,34)
```
#bb6f1a
```
#bb6f1a rgb(187,111,26)
```
#c36f12
```
#c36f12 rgb(195,111,18)
```
#cb700a
```
#cb700a rgb(203,112,10)
```
#d47001
```
#d47001 rgb(212,112,1)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#897968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97872a Protanopia 1% of men
#a9811f Deuteranopia 1% of men
#c26f76 Tritanopia 0.001% of the population

Trichromacy

#a47e24 Protanomaly 1% of men, 0.01% of women
#af7a1d Deuteranomaly 6% of men, 0.4% of women
#bf6f54 Tritanomaly 0.01% of the population