#bb8c30 hex color

In a RGB color space, hex #bb8c30 is composed of 73.3% red, 54.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 74.3% yellow and 26.7% black. It has a hue angle of 39.7 degrees, a saturation of 59.1% and a lightness of 46.1%. #bb8c30 color hex could be obtained by blending #ffff60 with #771900. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 73
- G 55
- B 19
RGB color chart
- C 0
- M 25
- Y 74
- K 27
CMYK color chart

● #bb8c30 color description : Moderate orange.

The hexadecimal color #bb8c30 has RGB values of R:187, G:140, B:48 and CMYK values of C:0, M:0.25, Y:0.74, K:0.27. Its decimal value is 12291120.

Hex triplet	bb8c30	`#bb8c30`
RGB Decimal	187, 140, 48	`rgb(187,140,48)`
RGB Percent	73.3, 54.9, 18.8	`rgb(73.3%,54.9%,18.8%)`
CMYK	0, 25, 74, 27
HSL	39.7°, 59.1, 46.1	`hsl(39.7,59.1%,46.1%)`
HSV (or HSB)	39.7°, 74.3, 73.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	61.252, 8.978, 53.472
XYZ	30.406, 29.536, 6.896
xyY	0.455, 0.442, 29.536
CIE-LCH	61.252, 54.221, 80.469
CIE-LUV	61.252, 38.455, 55.44
Hunter-Lab	54.347, 4.758, 30.52
Binary	10111011, 10001100, 00110000

#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#305fbb
```
#305fbb rgb(48,95,187)
```

Complementary Color

#bb4730
```
#bb4730 rgb(187,71,48)
```
#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#a5bb30
```
#a5bb30 rgb(165,187,48)
```

Analogous Color

#4730bb
```
#4730bb rgb(71,48,187)
```
#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#30a5bb
```
#30a5bb rgb(48,165,187)
```

Split Complementary Color

#8c30bb
```
#8c30bb rgb(140,48,187)
```
#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#30bb8c
```
#30bb8c rgb(48,187,140)
```

Triadic Color

#bb305f
```
#bb305f rgb(187,48,95)
```
#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#30bb8c
```
#30bb8c rgb(48,187,140)
```
#305fbb
```
#305fbb rgb(48,95,187)
```

Tetradic Color

#7e5e20
```
#7e5e20 rgb(126,94,32)
```
#926e26
```
#926e26 rgb(146,110,38)
```
#a77d2b
```
#a77d2b rgb(167,125,43)
```
#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#cc9a38
```
#cc9a38 rgb(204,154,56)
```
#d1a44d
```
#d1a44d rgb(209,164,77)
```
#d6af61
```
#d6af61 rgb(214,175,97)
```

Monochromatic Color

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

#bb6930
```
#bb6930 rgb(187,105,48)
```
#bb7530
```
#bb7530 rgb(187,117,48)
```
#bb8030
```
#bb8030 rgb(187,128,48)
```
#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#bb9830
```
#bb9830 rgb(187,152,48)
```
#bba330
```
#bba330 rgb(187,163,48)
```
#bbaf30
```
#bbaf30 rgb(187,175,48)
```

Similar Colors

Text with hexadecimal color #bb8c30

This text has a font color of #bb8c30.

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

#bb8c30 background color

This paragraph has a background color of #bb8c30.

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

#bb8c30 border color

This element has a border color of #bb8c30.

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

CSS codes

.text {color:#bb8c30;}

.background {background-color:#bb8c30;}

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

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

#0f0b04
```
#0f0b04 rgb(15,11,4)
```
#1f1708
```
#1f1708 rgb(31,23,8)
```
#2f230c
```
#2f230c rgb(47,35,12)
```
#3e2f10
```
#3e2f10 rgb(62,47,16)
```
#4e3a14
```
#4e3a14 rgb(78,58,20)
```
#5d4618
```
#5d4618 rgb(93,70,24)
```
#6d521c
```
#6d521c rgb(109,82,28)
```
#7d5d20
```
#7d5d20 rgb(125,93,32)
```
#8c6924
```
#8c6924 rgb(140,105,36)
```
#9c7528
```
#9c7528 rgb(156,117,40)
```
#ab802c
```
#ab802c rgb(171,128,44)
```
#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#cb9834
```
#cb9834 rgb(203,152,52)
```

Shade Color Variation

#cfa043
```
#cfa043 rgb(207,160,67)
```
#d3a853
```
#d3a853 rgb(211,168,83)
```
#d7b063
```
#d7b063 rgb(215,176,99)
```
#dbb772
```
#dbb772 rgb(219,183,114)
```
#dfbf82
```
#dfbf82 rgb(223,191,130)
```
#e3c791
```
#e3c791 rgb(227,199,145)
```
#e7cfa1
```
#e7cfa1 rgb(231,207,161)
```
#ebd7b1
```
#ebd7b1 rgb(235,215,177)
```
#efdfc0
```
#efdfc0 rgb(239,223,192)
```
#f3e7d0
```
#f3e7d0 rgb(243,231,208)
```
#f7efdf
```
#f7efdf rgb(247,239,223)
```
#fbf7ef
```
#fbf7ef rgb(251,247,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7c786f
```
#7c786f rgb(124,120,111)
```
#857a66
```
#857a66 rgb(133,122,102)
```
#8e7d5d
```
#8e7d5d rgb(142,125,93)
```
#978054
```
#978054 rgb(151,128,84)
```
#a0834b
```
#a0834b rgb(160,131,75)
```
#a98642
```
#a98642 rgb(169,134,66)
```
#b28939
```
#b28939 rgb(178,137,57)
```
#bb8c30
```
#bb8c30 rgb(187,140,48)
```
#c48f27
```
#c48f27 rgb(196,143,39)
```
#cd921e
```
#cd921e rgb(205,146,30)
```
#d69515
```
#d69515 rgb(214,149,21)
```
#df980c
```
#df980c rgb(223,152,12)
```
#e89b03
```
#e89b03 rgb(232,155,3)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#998f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa993c Protanopia 1% of men
#bd923a Deuteranopia 1% of men
#c58992 Tritanopia 0.001% of the population

Trichromacy

#b09438 Protanomaly 1% of men, 0.01% of women
#bc9036 Deuteranomaly 6% of men, 0.4% of women
#c18a6e Tritanomaly 0.01% of the population

#bb8c30 hex color

#bb8c30 Color Information

#bb8c30 Color Conversion

Color Schemes with #bb8c30

Alternatives to #bb8c30

#bb8c30 Preview

Shades and Tints of #bb8c30

Tones of #bb8c30

Color Blindness Simulator