#bb6814 hex color

In a RGB color space, hex #bb6814 is composed of 73.3% red, 40.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.4% magenta, 89.3% yellow and 26.7% black. It has a hue angle of 30.2 degrees, a saturation of 80.7% and a lightness of 40.6%. #bb6814 color hex could be obtained by blending #ffd028 with #770000. Closest websafe color is: #cc6600.

♥
- f
- t
- g
- R 73
- G 41
- B 8
RGB color chart
- C 0
- M 44
- Y 89
- K 27
CMYK color chart

● #bb6814 color description : Strong orange.

The hexadecimal color #bb6814 has RGB values of R:187, G:104, B:20 and CMYK values of C:0, M:0.44, Y:0.89, K:0.27. Its decimal value is 12281876.

Hex triplet	bb6814	`#bb6814`
RGB Decimal	187, 104, 20	`rgb(187,104,20)`
RGB Percent	73.3, 40.8, 7.8	`rgb(73.3%,40.8%,7.8%)`
CMYK	0, 44, 89, 27
HSL	30.2°, 80.7, 40.6	`hsl(30.2,80.7%,40.6%)`
HSV (or HSB)	30.2°, 89.3, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	52.418, 27.874, 55.76
XYZ	25.571, 20.518, 3.276
xyY	0.518, 0.416, 20.518
CIE-LCH	52.418, 62.339, 63.439
CIE-LUV	52.418, 68.291, 47.546
Hunter-Lab	45.297, 21.497, 27.42
Binary	10111011, 01101000, 00010100

#bb6814
```
#bb6814 rgb(187,104,20)
```
#1467bb
```
#1467bb rgb(20,103,187)
```

Complementary Color

#bb1514
```
#bb1514 rgb(187,21,20)
```
#bb6814
```
#bb6814 rgb(187,104,20)
```
#bbbb14
```
#bbbb14 rgb(187,187,20)
```

Analogous Color

#1514bb
```
#1514bb rgb(21,20,187)
```
#bb6814
```
#bb6814 rgb(187,104,20)
```
#14bbbb
```
#14bbbb rgb(20,187,187)
```

Split Complementary Color

#6814bb
```
#6814bb rgb(104,20,187)
```
#bb6814
```
#bb6814 rgb(187,104,20)
```
#14bb68
```
#14bb68 rgb(20,187,104)
```

Triadic Color

#bb1467
```
#bb1467 rgb(187,20,103)
```
#bb6814
```
#bb6814 rgb(187,104,20)
```
#14bb68
```
#14bb68 rgb(20,187,104)
```
#1467bb
```
#1467bb rgb(20,103,187)
```

Tetradic Color

#76420d
```
#76420d rgb(118,66,13)
```
#8d4e0f
```
#8d4e0f rgb(141,78,15)
```
#a45b12
```
#a45b12 rgb(164,91,18)
```
#bb6814
```
#bb6814 rgb(187,104,20)
```
#d27516
```
#d27516 rgb(210,117,22)
```
#e7821b
```
#e7821b rgb(231,130,27)
```
#e98e32
```
#e98e32 rgb(233,142,50)
```

Monochromatic Color

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

#bb3e14
```
#bb3e14 rgb(187,62,20)
```
#bb4c14
```
#bb4c14 rgb(187,76,20)
```
#bb5a14
```
#bb5a14 rgb(187,90,20)
```
#bb6814
```
#bb6814 rgb(187,104,20)
```
#bb7614
```
#bb7614 rgb(187,118,20)
```
#bb8414
```
#bb8414 rgb(187,132,20)
```
#bb9214
```
#bb9214 rgb(187,146,20)
```

Similar Colors

Text with hexadecimal color #bb6814

This text has a font color of #bb6814.

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

#bb6814 background color

This paragraph has a background color of #bb6814.

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

#bb6814 border color

This element has a border color of #bb6814.

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

CSS codes

.text {color:#bb6814;}

.background {background-color:#bb6814;}

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

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

#0a0501
```
#0a0501 rgb(10,5,1)
```
#1c0f03
```
#1c0f03 rgb(28,15,3)
```
#2d1905
```
#2d1905 rgb(45,25,5)
```
#3f2307
```
#3f2307 rgb(63,35,7)
```
#512d09
```
#512d09 rgb(81,45,9)
```
#62370b
```
#62370b rgb(98,55,11)
```
#74410c
```
#74410c rgb(116,65,12)
```
#864a0e
```
#864a0e rgb(134,74,14)
```
#985410
```
#985410 rgb(152,84,16)
```
#a95e12
```
#a95e12 rgb(169,94,18)
```
#bb6814
```
#bb6814 rgb(187,104,20)
```
#cd7216
```
#cd7216 rgb(205,114,22)
```
#de7c18
```
#de7c18 rgb(222,124,24)
```

Shade Color Variation

#e78622
```
#e78622 rgb(231,134,34)
```
#e98f34
```
#e98f34 rgb(233,143,52)
```
#eb9946
```
#eb9946 rgb(235,153,70)
```
#eda358
```
#eda358 rgb(237,163,88)
```
#efad69
```
#efad69 rgb(239,173,105)
```
#f1b67b
```
#f1b67b rgb(241,182,123)
```
#f3c08d
```
#f3c08d rgb(243,192,141)
```
#f5ca9e
```
#f5ca9e rgb(245,202,158)
```
#f7d4b0
```
#f7d4b0 rgb(247,212,176)
```
#f8ddc2
```
#f8ddc2 rgb(248,221,194)
```
#fae7d4
```
#fae7d4 rgb(250,231,212)
```
#fcf1e5
```
#fcf1e5 rgb(252,241,229)
```
#fefbf7
```
#fefbf7 rgb(254,251,247)
```

Tint Color Variation

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

#6b6864
```
#6b6864 rgb(107,104,100)
```
#73685c
```
#73685c rgb(115,104,92)
```
#7b6854
```
#7b6854 rgb(123,104,84)
```
#83684c
```
#83684c rgb(131,104,76)
```
#8b6844
```
#8b6844 rgb(139,104,68)
```
#93683c
```
#93683c rgb(147,104,60)
```
#9b6834
```
#9b6834 rgb(155,104,52)
```
#a3682c
```
#a3682c rgb(163,104,44)
```
#ab6824
```
#ab6824 rgb(171,104,36)
```
#b3681c
```
#b3681c rgb(179,104,28)
```
#bb6814
```
#bb6814 rgb(187,104,20)
```
#c3680c
```
#c3680c rgb(195,104,12)
```
#cb6804
```
#cb6804 rgb(203,104,4)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#857463 Atypical Achromatopsia 0.001% of the population

Dichromacy

#938425 Protanopia 1% of men
#a47d16 Deuteranopia 1% of men
#c2686f Tritanopia 0.001% of the population

Trichromacy

#a1791f Protanomaly 1% of men, 0.01% of women
#ac7515 Deuteranomaly 6% of men, 0.4% of women
#bf684e Tritanomaly 0.01% of the population

#bb6814 hex color

#bb6814 Color Information

#bb6814 Color Conversion

Color Schemes with #bb6814

Alternatives to #bb6814

#bb6814 Preview

Shades and Tints of #bb6814

Tones of #bb6814

Color Blindness Simulator