#bb7214 hex color

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

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

● #bb7214 color description : Strong orange.

The hexadecimal color #bb7214 has RGB values of R:187, G:114, B:20 and CMYK values of C:0, M:0.39, Y:0.89, K:0.27. Its decimal value is 12284436.

Hex triplet	bb7214	`#bb7214`
RGB Decimal	187, 114, 20	`rgb(187,114,20)`
RGB Percent	73.3, 44.7, 7.8	`rgb(73.3%,44.7%,7.8%)`
CMYK	0, 39, 89, 27
HSL	33.8°, 80.7, 40.6	`hsl(33.8,80.7%,40.6%)`
HSV (or HSB)	33.8°, 89.3, 73.3
Web Safe	cc6600	`#cc6600`

CIE-LAB	54.712, 22.415, 57.541
XYZ	26.638, 22.652, 3.631
xyY	0.503, 0.428, 22.652
CIE-LCH	54.712, 61.752, 68.717
CIE-LUV	54.712, 60.142, 51.197
Hunter-Lab	47.594, 16.615, 28.792
Binary	10111011, 01110010, 00010100

#bb7214
```
#bb7214 rgb(187,114,20)
```
#145dbb
```
#145dbb rgb(20,93,187)
```

Complementary Color

#bb1f14
```
#bb1f14 rgb(187,31,20)
```
#bb7214
```
#bb7214 rgb(187,114,20)
```
#b1bb14
```
#b1bb14 rgb(177,187,20)
```

Analogous Color

#1f14bb
```
#1f14bb rgb(31,20,187)
```
#bb7214
```
#bb7214 rgb(187,114,20)
```
#14b1bb
```
#14b1bb rgb(20,177,187)
```

Split Complementary Color

#7214bb
```
#7214bb rgb(114,20,187)
```
#bb7214
```
#bb7214 rgb(187,114,20)
```
#14bb72
```
#14bb72 rgb(20,187,114)
```

Triadic Color

#bb145d
```
#bb145d rgb(187,20,93)
```
#bb7214
```
#bb7214 rgb(187,114,20)
```
#14bb72
```
#14bb72 rgb(20,187,114)
```
#145dbb
```
#145dbb rgb(20,93,187)
```

Tetradic Color

#76480d
```
#76480d rgb(118,72,13)
```
#8d560f
```
#8d560f rgb(141,86,15)
```
#a46412
```
#a46412 rgb(164,100,18)
```
#bb7214
```
#bb7214 rgb(187,114,20)
```
#d28016
```
#d28016 rgb(210,128,22)
```
#e78e1b
```
#e78e1b rgb(231,142,27)
```
#e99932
```
#e99932 rgb(233,153,50)
```

Monochromatic Color

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

#bb4814
```
#bb4814 rgb(187,72,20)
```
#bb5614
```
#bb5614 rgb(187,86,20)
```
#bb6414
```
#bb6414 rgb(187,100,20)
```
#bb7214
```
#bb7214 rgb(187,114,20)
```
#bb8014
```
#bb8014 rgb(187,128,20)
```
#bb8e14
```
#bb8e14 rgb(187,142,20)
```
#bb9c14
```
#bb9c14 rgb(187,156,20)
```

Similar Colors

Text with hexadecimal color #bb7214

This text has a font color of #bb7214.

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

#bb7214 background color

This paragraph has a background color of #bb7214.

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

#bb7214 border color

This element has a border color of #bb7214.

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

CSS codes

.text {color:#bb7214;}

.background {background-color:#bb7214;}

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

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

#0a0601
```
#0a0601 rgb(10,6,1)
```
#1c1103
```
#1c1103 rgb(28,17,3)
```
#2d1c05
```
#2d1c05 rgb(45,28,5)
```
#3f2607
```
#3f2607 rgb(63,38,7)
```
#513109
```
#513109 rgb(81,49,9)
```
#623c0b
```
#623c0b rgb(98,60,11)
```
#74470c
```
#74470c rgb(116,71,12)
```
#86520e
```
#86520e rgb(134,82,14)
```
#985c10
```
#985c10 rgb(152,92,16)
```
#a96712
```
#a96712 rgb(169,103,18)
```
#bb7214
```
#bb7214 rgb(187,114,20)
```
#cd7d16
```
#cd7d16 rgb(205,125,22)
```
#de8818
```
#de8818 rgb(222,136,24)
```

Shade Color Variation

#e79122
```
#e79122 rgb(231,145,34)
```
#e99a34
```
#e99a34 rgb(233,154,52)
```
#eba346
```
#eba346 rgb(235,163,70)
```
#edac58
```
#edac58 rgb(237,172,88)
```
#efb569
```
#efb569 rgb(239,181,105)
```
#f1bd7b
```
#f1bd7b rgb(241,189,123)
```
#f3c68d
```
#f3c68d rgb(243,198,141)
```
#f5cf9e
```
#f5cf9e rgb(245,207,158)
```
#f7d8b0
```
#f7d8b0 rgb(247,216,176)
```
#f8e1c2
```
#f8e1c2 rgb(248,225,194)
```
#fae9d4
```
#fae9d4 rgb(250,233,212)
```
#fcf2e5
```
#fcf2e5 rgb(252,242,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 #cb7404 is the most saturated one.

#6b6864
```
#6b6864 rgb(107,104,100)
```
#73695c
```
#73695c rgb(115,105,92)
```
#7b6a54
```
#7b6a54 rgb(123,106,84)
```
#836b4c
```
#836b4c rgb(131,107,76)
```
#8b6c44
```
#8b6c44 rgb(139,108,68)
```
#936d3c
```
#936d3c rgb(147,109,60)
```
#9b6e34
```
#9b6e34 rgb(155,110,52)
```
#a36f2c
```
#a36f2c rgb(163,111,44)
```
#ab7024
```
#ab7024 rgb(171,112,36)
```
#b3711c
```
#b3711c rgb(179,113,28)
```
#bb7214
```
#bb7214 rgb(187,114,20)
```
#c3730c
```
#c3730c rgb(195,115,12)
```
#cb7404
```
#cb7404 rgb(203,116,4)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#897b68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#998924 Protanopia 1% of men
#ab8219 Deuteranopia 1% of men
#c27179 Tritanopia 0.001% of the population

Trichromacy

#a5811e Protanomaly 1% of men, 0.01% of women
#b17c17 Deuteranomaly 6% of men, 0.4% of women
#c07154 Tritanomaly 0.01% of the population

#bb7214 hex color

#bb7214 Color Information

#bb7214 Color Conversion

Color Schemes with #bb7214

Alternatives to #bb7214

#bb7214 Preview

Shades and Tints of #bb7214

Tones of #bb7214

Color Blindness Simulator