colorhexa.com

#bb8c02 hex color

In a RGB color space, hex #bb8c02 is composed of 73.3% red, 54.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 98.9% yellow and 26.7% black. It has a hue angle of 44.8 degrees, a saturation of 97.9% and a lightness of 37.1%. #bb8c02 color hex could be obtained by blending #ffff04 with #771900. Closest websafe color is: #cc9900.

- R 73
- G 55
- B 1
RGB color chart
- C 0
- M 25
- Y 99
- K 27
CMYK color chart

● #bb8c02 color description : Strong orange.

The hexadecimal color #bb8c02 has RGB values of R:187, G:140, B:2 and CMYK values of C:0, M:0.25, Y:0.99, K:0.27. Its decimal value is 12291074.

Hex triplet	bb8c02	`#bb8c02`
RGB Decimal	187, 140, 2	`rgb(187,140,2)`
RGB Percent	73.3, 54.9, 0.8	`rgb(73.3%,54.9%,0.8%)`
CMYK	0, 25, 99, 27
HSL	44.8°, 97.9, 37.1	`hsl(44.8,97.9%,37.1%)`
HSV (or HSB)	44.8°, 98.9, 73.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	61.069, 7.795, 65.602
XYZ	29.883, 29.327, 4.144
xyY	0.472, 0.463, 29.327
CIE-LCH	61.069, 66.064, 83.223
CIE-LUV	61.069, 39.726, 62.728
Hunter-Lab	54.154, 3.729, 33.371
Binary	10111011, 10001100, 00000010

#bb8c02
```
#bb8c02 rgb(187,140,2)
```
#0231bb
```
#0231bb rgb(2,49,187)
```

Complementary Color

#bb3002
```
#bb3002 rgb(187,48,2)
```
#bb8c02
```
#bb8c02 rgb(187,140,2)
```
#8ebb02
```
#8ebb02 rgb(142,187,2)
```

Analogous Color

#3002bb
```
#3002bb rgb(48,2,187)
```
#bb8c02
```
#bb8c02 rgb(187,140,2)
```
#028ebb
```
#028ebb rgb(2,142,187)
```

Split Complementary Color

#8c02bb
```
#8c02bb rgb(140,2,187)
```
#bb8c02
```
#bb8c02 rgb(187,140,2)
```
#02bb8c
```
#02bb8c rgb(2,187,140)
```

Triadic Color

#6f5301
```
#6f5301 rgb(111,83,1)
```
#896601
```
#896601 rgb(137,102,1)
```
#a27902
```
#a27902 rgb(162,121,2)
```
#bb8c02
```
#bb8c02 rgb(187,140,2)
```
#d49f02
```
#d49f02 rgb(212,159,2)
```
#edb203
```
#edb203 rgb(237,178,3)
```
#fcc00d
```
#fcc00d rgb(252,192,13)
```

Monochromatic Color

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

#bb5e02
```
#bb5e02 rgb(187,94,2)
```
#bb6d02
```
#bb6d02 rgb(187,109,2)
```
#bb7d02
```
#bb7d02 rgb(187,125,2)
```
#bb8c02
```
#bb8c02 rgb(187,140,2)
```
#bb9b02
```
#bb9b02 rgb(187,155,2)
```
#bbab02
```
#bbab02 rgb(187,171,2)
```
#bbba02
```
#bbba02 rgb(187,186,2)
```

Similar Colors

Text with hexadecimal color #bb8c02

This text has a font color of #bb8c02.

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

#bb8c02 background color

This paragraph has a background color of #bb8c02.

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

#bb8c02 border color

This element has a border color of #bb8c02.

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

CSS codes

.text {color:#bb8c02;}

.background {background-color:#bb8c02;}

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

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

#0c0900
```
#0c0900 rgb(12,9,0)
```
#201800
```
#201800 rgb(32,24,0)
```
#332601
```
#332601 rgb(51,38,1)
```
#473501
```
#473501 rgb(71,53,1)
```
#5a4301
```
#5a4301 rgb(90,67,1)
```
#6d5201
```
#6d5201 rgb(109,82,1)
```
#816001
```
#816001 rgb(129,96,1)
```
#946f02
```
#946f02 rgb(148,111,2)
```
#a87d02
```
#a87d02 rgb(168,125,2)
```
#bb8c02
```
#bb8c02 rgb(187,140,2)
```
#ce9b02
```
#ce9b02 rgb(206,155,2)
```
#e2a902
```
#e2a902 rgb(226,169,2)
```
#f5b803
```
#f5b803 rgb(245,184,3)
```

Shade Color Variation

#fcc00f
```
#fcc00f rgb(252,192,15)
```
#fdc522
```
#fdc522 rgb(253,197,34)
```
#fdca36
```
#fdca36 rgb(253,202,54)
```
#fdcf49
```
#fdcf49 rgb(253,207,73)
```
#fdd45d
```
#fdd45d rgb(253,212,93)
```
#fdda70
```
#fdda70 rgb(253,218,112)
```
#fedf83
```
#fedf83 rgb(254,223,131)
```
#fee497
```
#fee497 rgb(254,228,151)
```
#fee9aa
```
#fee9aa rgb(254,233,170)
```
#feeebe
```
#feeebe rgb(254,238,190)
```
#fff3d1
```
#fff3d1 rgb(255,243,209)
```
#fff8e5
```
#fff8e5 rgb(255,248,229)
```
#fffdf8
```
#fffdf8 rgb(255,253,248)
```

Tint Color Variation

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

#646159
```
#646159 rgb(100,97,89)
```
#6b6552
```
#6b6552 rgb(107,101,82)
```
#72684b
```
#72684b rgb(114,104,75)
```
#7a6c43
```
#7a6c43 rgb(122,108,67)
```
#816f3c
```
#816f3c rgb(129,111,60)
```
#887335
```
#887335 rgb(136,115,53)
```
#8f772e
```
#8f772e rgb(143,119,46)
```
#977a26
```
#977a26 rgb(151,122,38)
```
#9e7e1f
```
#9e7e1f rgb(158,126,31)
```
#a58118
```
#a58118 rgb(165,129,24)
```
#ac8511
```
#ac8511 rgb(172,133,17)
```
#b48809
```
#b48809 rgb(180,136,9)
```
#bb8c02
```
#bb8c02 rgb(187,140,2)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#948a6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9910 Protanopia 1% of men
#bf910c Deuteranopia 1% of men
#c58891 Tritanopia 0.001% of the population

Trichromacy

#b1940b Protanomaly 1% of men, 0.01% of women
#bd8f08 Deuteranomaly 6% of men, 0.4% of women
#c1895d Tritanomaly 0.01% of the population