#b4771f hex color

In a RGB color space, hex #b4771f is composed of 70.6% red, 46.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 82.8% yellow and 29.4% black. It has a hue angle of 35.4 degrees, a saturation of 70.6% and a lightness of 41.4%. #b4771f color hex could be obtained by blending #ffee3e with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 47
- B 12
RGB color chart
- C 0
- M 34
- Y 83
- K 29
CMYK color chart

● #b4771f color description : Strong orange.

The hexadecimal color #b4771f has RGB values of R:180, G:119, B:31 and CMYK values of C:0, M:0.34, Y:0.83, K:0.29. Its decimal value is 11826975.

Hex triplet	b4771f	`#b4771f`
RGB Decimal	180, 119, 31	`rgb(180,119,31)`
RGB Percent	70.6, 46.7, 12.2	`rgb(70.6%,46.7%,12.2%)`
CMYK	0, 34, 83, 29
HSL	35.4°, 70.6, 41.4	`hsl(35.4,70.6%,41.4%)`
HSV (or HSB)	35.4°, 82.8, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.07, 16.848, 53.988
XYZ	25.667, 22.998, 4.383
xyY	0.484, 0.434, 22.998
CIE-LCH	55.07, 56.556, 72.668
CIE-LUV	55.07, 49.883, 50.813
Hunter-Lab	47.956, 11.615, 28.15
Binary	10110100, 01110111, 00011111

#b4771f
```
#b4771f rgb(180,119,31)
```
#1f5cb4
```
#1f5cb4 rgb(31,92,180)
```

Complementary Color

#b42c1f
```
#b42c1f rgb(180,44,31)
```
#b4771f
```
#b4771f rgb(180,119,31)
```
#a7b41f
```
#a7b41f rgb(167,180,31)
```

Analogous Color

#2d1fb4
```
#2d1fb4 rgb(45,31,180)
```
#b4771f
```
#b4771f rgb(180,119,31)
```
#1fa7b4
```
#1fa7b4 rgb(31,167,180)
```

Split Complementary Color

#771fb4
```
#771fb4 rgb(119,31,180)
```
#b4771f
```
#b4771f rgb(180,119,31)
```
#1fb477
```
#1fb477 rgb(31,180,119)
```

Triadic Color

#b41f5c
```
#b41f5c rgb(180,31,92)
```
#b4771f
```
#b4771f rgb(180,119,31)
```
#1fb477
```
#1fb477 rgb(31,180,119)
```
#1f5cb4
```
#1f5cb4 rgb(31,92,180)
```

Tetradic Color

#734c14
```
#734c14 rgb(115,76,20)
```
#885a18
```
#885a18 rgb(136,90,24)
```
#9e691b
```
#9e691b rgb(158,105,27)
```
#b4771f
```
#b4771f rgb(180,119,31)
```
#ca8523
```
#ca8523 rgb(202,133,35)
```
#db932b
```
#db932b rgb(219,147,43)
```
#de9e41
```
#de9e41 rgb(222,158,65)
```

Monochromatic Color

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

#b4521f
```
#b4521f rgb(180,82,31)
```
#b45e1f
```
#b45e1f rgb(180,94,31)
```
#b46b1f
```
#b46b1f rgb(180,107,31)
```
#b4771f
```
#b4771f rgb(180,119,31)
```
#b4831f
```
#b4831f rgb(180,131,31)
```
#b4901f
```
#b4901f rgb(180,144,31)
```
#b49c1f
```
#b49c1f rgb(180,156,31)
```

Similar Colors

Text with hexadecimal color #b4771f

This text has a font color of #b4771f.

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

#b4771f background color

This paragraph has a background color of #b4771f.

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

#b4771f border color

This element has a border color of #b4771f.

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

CSS codes

.text {color:#b4771f;}

.background {background-color:#b4771f;}

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

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

#0d0802
```
#0d0802 rgb(13,8,2)
```
#1d1305
```
#1d1305 rgb(29,19,5)
```
#2e1e08
```
#2e1e08 rgb(46,30,8)
```
#3f2a0b
```
#3f2a0b rgb(63,42,11)
```
#50350e
```
#50350e rgb(80,53,14)
```
#604011
```
#604011 rgb(96,64,17)
```
#714b13
```
#714b13 rgb(113,75,19)
```
#825616
```
#825616 rgb(130,86,22)
```
#936119
```
#936119 rgb(147,97,25)
```
#a36c1c
```
#a36c1c rgb(163,108,28)
```
#b4771f
```
#b4771f rgb(180,119,31)
```
#c58222
```
#c58222 rgb(197,130,34)
```
#d58d25
```
#d58d25 rgb(213,141,37)
```

Shade Color Variation

#dc9632
```
#dc9632 rgb(220,150,50)
```
#df9f43
```
#df9f43 rgb(223,159,67)
```
#e1a754
```
#e1a754 rgb(225,167,84)
```
#e4b064
```
#e4b064 rgb(228,176,100)
```
#e7b875
```
#e7b875 rgb(231,184,117)
```
#eac186
```
#eac186 rgb(234,193,134)
```
#edca97
```
#edca97 rgb(237,202,151)
```
#f0d2a7
```
#f0d2a7 rgb(240,210,167)
```
#f3dbb8
```
#f3dbb8 rgb(243,219,184)
```
#f6e3c9
```
#f6e3c9 rgb(246,227,201)
```
#f9ecd9
```
#f9ecd9 rgb(249,236,217)
```
#fbf4ea
```
#fbf4ea rgb(251,244,234)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#6b6a68
```
#6b6a68 rgb(107,106,104)
```
#736b60
```
#736b60 rgb(115,107,96)
```
#7b6d58
```
#7b6d58 rgb(123,109,88)
```
#836e50
```
#836e50 rgb(131,110,80)
```
#8b7048
```
#8b7048 rgb(139,112,72)
```
#94713f
```
#94713f rgb(148,113,63)
```
#9c7337
```
#9c7337 rgb(156,115,55)
```
#a4742f
```
#a4742f rgb(164,116,47)
```
#ac7627
```
#ac7627 rgb(172,118,39)
```
#b4771f
```
#b4771f rgb(180,119,31)
```
#bc7817
```
#bc7817 rgb(188,120,23)
```
#c47a0f
```
#c47a0f rgb(196,122,15)
```
#cc7b07
```
#cc7b07 rgb(204,123,7)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#8a7d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a2d Protanopia 1% of men
#ac8327 Deuteranopia 1% of men
#bc767e Tritanopia 0.001% of the population

Trichromacy

#a38328 Protanomaly 1% of men, 0.01% of women
#ae7f24 Deuteranomaly 6% of men, 0.4% of women
#b9765b Tritanomaly 0.01% of the population

#b4771f hex color

#b4771f Color Information

#b4771f Color Conversion

Color Schemes with #b4771f

Alternatives to #b4771f

#b4771f Preview

Shades and Tints of #b4771f

Tones of #b4771f

Color Blindness Simulator