#bb7f20 hex color

In a RGB color space, hex #bb7f20 is composed of 73.3% red, 49.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.1% magenta, 82.9% yellow and 26.7% black. It has a hue angle of 36.8 degrees, a saturation of 70.8% and a lightness of 42.9%. #bb7f20 color hex could be obtained by blending #fffe40 with #770000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 73
- G 50
- B 13
RGB color chart
- C 0
- M 32
- Y 83
- K 27
CMYK color chart

● #bb7f20 color description : Strong orange.

The hexadecimal color #bb7f20 has RGB values of R:187, G:127, B:32 and CMYK values of C:0, M:0.32, Y:0.83, K:0.27. Its decimal value is 12287776.

Hex triplet	bb7f20	`#bb7f20`
RGB Decimal	187, 127, 32	`rgb(187,127,32)`
RGB Percent	73.3, 49.8, 12.5	`rgb(73.3%,49.8%,12.5%)`
CMYK	0, 32, 83, 27
HSL	36.8°, 70.8, 42.9	`hsl(36.8,70.8%,42.9%)`
HSV (or HSB)	36.8°, 82.9, 73.3
Web Safe	cc6633	`#cc6633`

CIE-LAB	57.894, 15.542, 56.443
XYZ	28.344, 25.85, 4.863
xyY	0.48, 0.438, 25.85
CIE-LCH	57.894, 58.544, 74.605
CIE-LUV	57.894, 49.231, 54.076
Hunter-Lab	50.843, 10.538, 29.919
Binary	10111011, 01111111, 00100000

#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#205cbb
```
#205cbb rgb(32,92,187)
```

Complementary Color

#bb3220
```
#bb3220 rgb(187,50,32)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#aabb20
```
#aabb20 rgb(170,187,32)
```

Analogous Color

#3120bb
```
#3120bb rgb(49,32,187)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#20aabb
```
#20aabb rgb(32,170,187)
```

Split Complementary Color

#7f20bb
```
#7f20bb rgb(127,32,187)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#20bb7f
```
#20bb7f rgb(32,187,127)
```

Triadic Color

#bb205c
```
#bb205c rgb(187,32,92)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#20bb7f
```
#20bb7f rgb(32,187,127)
```
#205cbb
```
#205cbb rgb(32,92,187)
```

Tetradic Color

#7a5315
```
#7a5315 rgb(122,83,21)
```
#8f6119
```
#8f6119 rgb(143,97,25)
```
#a5701c
```
#a5701c rgb(165,112,28)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#d18e24
```
#d18e24 rgb(209,142,36)
```
#dc9a32
```
#dc9a32 rgb(220,154,50)
```
#e0a548
```
#e0a548 rgb(224,165,72)
```

Monochromatic Color

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

#bb5820
```
#bb5820 rgb(187,88,32)
```
#bb6520
```
#bb6520 rgb(187,101,32)
```
#bb7220
```
#bb7220 rgb(187,114,32)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#bb8c20
```
#bb8c20 rgb(187,140,32)
```
#bb9920
```
#bb9920 rgb(187,153,32)
```
#bba620
```
#bba620 rgb(187,166,32)
```

Similar Colors

Text with hexadecimal color #bb7f20

This text has a font color of #bb7f20.

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

#bb7f20 background color

This paragraph has a background color of #bb7f20.

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

#bb7f20 border color

This element has a border color of #bb7f20.

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

CSS codes

.text {color:#bb7f20;}

.background {background-color:#bb7f20;}

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

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, #030200 is the darkest color, while #fdf8f1 is the lightest one.

#030200
```
#030200 rgb(3,2,0)
```
#140d03
```
#140d03 rgb(20,13,3)
```
#241906
```
#241906 rgb(36,25,6)
```
#352409
```
#352409 rgb(53,36,9)
```
#462f0c
```
#462f0c rgb(70,47,12)
```
#573b0f
```
#573b0f rgb(87,59,15)
```
#674612
```
#674612 rgb(103,70,18)
```
#785115
```
#785115 rgb(120,81,21)
```
#895d17
```
#895d17 rgb(137,93,23)
```
#9a681a
```
#9a681a rgb(154,104,26)
```
#aa741d
```
#aa741d rgb(170,116,29)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#cc8a23
```
#cc8a23 rgb(204,138,35)
```

Shade Color Variation

#da9528
```
#da9528 rgb(218,149,40)
```
#dd9d39
```
#dd9d39 rgb(221,157,57)
```
#e0a64a
```
#e0a64a rgb(224,166,74)
```
#e3ae5a
```
#e3ae5a rgb(227,174,90)
```
#e6b66b
```
#e6b66b rgb(230,182,107)
```
#e9be7c
```
#e9be7c rgb(233,190,124)
```
#ebc78d
```
#ebc78d rgb(235,199,141)
```
#eecf9d
```
#eecf9d rgb(238,207,157)
```
#f1d7ae
```
#f1d7ae rgb(241,215,174)
```
#f4dfbf
```
#f4dfbf rgb(244,223,191)
```
#f7e8d0
```
#f7e8d0 rgb(247,232,208)
```
#faf0e0
```
#faf0e0 rgb(250,240,224)
```
#fdf8f1
```
#fdf8f1 rgb(253,248,241)
```

Tint Color Variation

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

#6f6e6c
```
#6f6e6c rgb(111,110,108)
```
#787063
```
#787063 rgb(120,112,99)
```
#80725b
```
#80725b rgb(128,114,91)
```
#887453
```
#887453 rgb(136,116,83)
```
#91754a
```
#91754a rgb(145,117,74)
```
#997742
```
#997742 rgb(153,119,66)
```
#a27939
```
#a27939 rgb(162,121,57)
```
#aa7b31
```
#aa7b31 rgb(170,123,49)
```
#b37d28
```
#b37d28 rgb(179,125,40)
```
#bb7f20
```
#bb7f20 rgb(187,127,32)
```
#c38118
```
#c38118 rgb(195,129,24)
```
#cc830f
```
#cc830f rgb(204,131,15)
```
#d48507
```
#d48507 rgb(212,133,7)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#918572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1912e Protanopia 1% of men
#b48a29 Deuteranopia 1% of men
#c47d85 Tritanopia 0.001% of the population

Trichromacy

#ab8a29 Protanomaly 1% of men, 0.01% of women
#b68625 Deuteranomaly 6% of men, 0.4% of women
#c07d60 Tritanomaly 0.01% of the population

#bb7f20 hex color

#bb7f20 Color Information

#bb7f20 Color Conversion

Color Schemes with #bb7f20

Alternatives to #bb7f20

#bb7f20 Preview

Shades and Tints of #bb7f20

Tones of #bb7f20

Color Blindness Simulator