#b7771f hex color

In a RGB color space, hex #b7771f is composed of 71.8% red, 46.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35% magenta, 83.1% yellow and 28.2% black. It has a hue angle of 34.7 degrees, a saturation of 71% and a lightness of 42%. #b7771f color hex could be obtained by blending #ffee3e with #6f0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 72
- G 47
- B 12
RGB color chart
- C 0
- M 35
- Y 83
- K 28
CMYK color chart

● #b7771f color description : Strong orange.

The hexadecimal color #b7771f has RGB values of R:183, G:119, B:31 and CMYK values of C:0, M:0.35, Y:0.83, K:0.28. Its decimal value is 12023583.

Hex triplet	b7771f	`#b7771f`
RGB Decimal	183, 119, 31	`rgb(183,119,31)`
RGB Percent	71.8, 46.7, 12.2	`rgb(71.8%,46.7%,12.2%)`
CMYK	0, 35, 83, 28
HSL	34.7°, 71, 42	`hsl(34.7,71%,42%)`
HSV (or HSB)	34.7°, 83.1, 71.8
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.443, 18.177, 54.459
XYZ	26.373, 23.362, 4.417
xyY	0.487, 0.431, 23.362
CIE-LCH	55.443, 57.413, 71.542
CIE-LUV	55.443, 52.343, 50.967
Hunter-Lab	48.334, 12.814, 28.416
Binary	10110111, 01110111, 00011111

#b7771f
```
#b7771f rgb(183,119,31)
```
#1f5fb7
```
#1f5fb7 rgb(31,95,183)
```

Complementary Color

#b72b1f
```
#b72b1f rgb(183,43,31)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#abb71f
```
#abb71f rgb(171,183,31)
```

Analogous Color

#2b1fb7
```
#2b1fb7 rgb(43,31,183)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#1fabb7
```
#1fabb7 rgb(31,171,183)
```

Split Complementary Color

#771fb7
```
#771fb7 rgb(119,31,183)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#1fb777
```
#1fb777 rgb(31,183,119)
```

Triadic Color

#b71f5f
```
#b71f5f rgb(183,31,95)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#1fb777
```
#1fb777 rgb(31,183,119)
```
#1f5fb7
```
#1f5fb7 rgb(31,95,183)
```

Tetradic Color

#764c14
```
#764c14 rgb(118,76,20)
```
#8b5b18
```
#8b5b18 rgb(139,91,24)
```
#a1691b
```
#a1691b rgb(161,105,27)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#cd8523
```
#cd8523 rgb(205,133,35)
```
#dc922d
```
#dc922d rgb(220,146,45)
```
#df9e43
```
#df9e43 rgb(223,158,67)
```

Monochromatic Color

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

#b7511f
```
#b7511f rgb(183,81,31)
```
#b75e1f
```
#b75e1f rgb(183,94,31)
```
#b76a1f
```
#b76a1f rgb(183,106,31)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#b7841f
```
#b7841f rgb(183,132,31)
```
#b7901f
```
#b7901f rgb(183,144,31)
```
#b79d1f
```
#b79d1f rgb(183,157,31)
```

Similar Colors

Text with hexadecimal color #b7771f

This text has a font color of #b7771f.

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

#b7771f background color

This paragraph has a background color of #b7771f.

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

#b7771f border color

This element has a border color of #b7771f.

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

CSS codes

.text {color:#b7771f;}

.background {background-color:#b7771f;}

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

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

#0f0a03
```
#0f0a03 rgb(15,10,3)
```
#201505
```
#201505 rgb(32,21,5)
```
#312008
```
#312008 rgb(49,32,8)
```
#422b0b
```
#422b0b rgb(66,43,11)
```
#52360e
```
#52360e rgb(82,54,14)
```
#634011
```
#634011 rgb(99,64,17)
```
#744b14
```
#744b14 rgb(116,75,20)
```
#855616
```
#855616 rgb(133,86,22)
```
#956119
```
#956119 rgb(149,97,25)
```
#a66c1c
```
#a66c1c rgb(166,108,28)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#c88222
```
#c88222 rgb(200,130,34)
```
#d98d25
```
#d98d25 rgb(217,141,37)
```

Shade Color Variation

#dd9634
```
#dd9634 rgb(221,150,52)
```
#df9e45
```
#df9e45 rgb(223,158,69)
```
#e2a756
```
#e2a756 rgb(226,167,86)
```
#e5b067
```
#e5b067 rgb(229,176,103)
```
#e8b977
```
#e8b977 rgb(232,185,119)
```
#ebc188
```
#ebc188 rgb(235,193,136)
```
#eeca99
```
#eeca99 rgb(238,202,153)
```
#f1d3aa
```
#f1d3aa rgb(241,211,170)
```
#f3dbba
```
#f3dbba rgb(243,219,186)
```
#f6e4cb
```
#f6e4cb rgb(246,228,203)
```
#f9eddc
```
#f9eddc rgb(249,237,220)
```
#fcf6ed
```
#fcf6ed rgb(252,246,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#6d6b69
```
#6d6b69 rgb(109,107,105)
```
#756d61
```
#756d61 rgb(117,109,97)
```
#7d6e59
```
#7d6e59 rgb(125,110,89)
```
#866f50
```
#866f50 rgb(134,111,80)
```
#8e7148
```
#8e7148 rgb(142,113,72)
```
#967240
```
#967240 rgb(150,114,64)
```
#9e7338
```
#9e7338 rgb(158,115,56)
```
#a7742f
```
#a7742f rgb(167,116,47)
```
#af7627
```
#af7627 rgb(175,118,39)
```
#b7771f
```
#b7771f rgb(183,119,31)
```
#bf7817
```
#bf7817 rgb(191,120,23)
```
#c77a0f
```
#c77a0f rgb(199,122,15)
```
#d07b06
```
#d07b06 rgb(208,123,6)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8b7e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8b2e Protanopia 1% of men
#ad8427 Deuteranopia 1% of men
#bf767e Tritanopia 0.001% of the population

Trichromacy

#a58328 Protanomaly 1% of men, 0.01% of women
#b07f24 Deuteranomaly 6% of men, 0.4% of women
#bc765b Tritanomaly 0.01% of the population

#b7771f hex color

#b7771f Color Information

#b7771f Color Conversion

Color Schemes with #b7771f

Alternatives to #b7771f

#b7771f Preview

Shades and Tints of #b7771f

Tones of #b7771f

Color Blindness Simulator