#b4701c hex color

In a RGB color space, hex #b4701c is composed of 70.6% red, 43.9% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.8% magenta, 84.4% yellow and 29.4% black. It has a hue angle of 33.2 degrees, a saturation of 73.1% and a lightness of 40.8%. #b4701c color hex could be obtained by blending #ffe038 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 44
- B 11
RGB color chart
- C 0
- M 38
- Y 84
- K 29
CMYK color chart

● #b4701c color description : Strong orange.

The hexadecimal color #b4701c has RGB values of R:180, G:112, B:28 and CMYK values of C:0, M:0.38, Y:0.84, K:0.29. Its decimal value is 11825180.

Hex triplet	b4701c	`#b4701c`
RGB Decimal	180, 112, 28	`rgb(180,112,28)`
RGB Percent	70.6, 43.9, 11	`rgb(70.6%,43.9%,11%)`
CMYK	0, 38, 84, 29
HSL	33.2°, 73.1, 40.8	`hsl(33.2,73.1%,40.8%)`
HSV (or HSB)	33.2°, 84.4, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	53.36, 20.652, 53.562
XYZ	24.827, 21.377, 3.917
xyY	0.495, 0.427, 21.377
CIE-LCH	53.36, 57.405, 68.914
CIE-LUV	53.36, 55.596, 48.716
Hunter-Lab	46.236, 14.936, 27.342
Binary	10110100, 01110000, 00011100

#b4701c
```
#b4701c rgb(180,112,28)
```
#1c60b4
```
#1c60b4 rgb(28,96,180)
```

Complementary Color

#b4241c
```
#b4241c rgb(180,36,28)
```
#b4701c
```
#b4701c rgb(180,112,28)
```
#acb41c
```
#acb41c rgb(172,180,28)
```

Analogous Color

#241cb4
```
#241cb4 rgb(36,28,180)
```
#b4701c
```
#b4701c rgb(180,112,28)
```
#1cacb4
```
#1cacb4 rgb(28,172,180)
```

Split Complementary Color

#701cb4
```
#701cb4 rgb(112,28,180)
```
#b4701c
```
#b4701c rgb(180,112,28)
```
#1cb470
```
#1cb470 rgb(28,180,112)
```

Triadic Color

#b41c60
```
#b41c60 rgb(180,28,96)
```
#b4701c
```
#b4701c rgb(180,112,28)
```
#1cb470
```
#1cb470 rgb(28,180,112)
```
#1c60b4
```
#1c60b4 rgb(28,96,180)
```

Tetradic Color

#724712
```
#724712 rgb(114,71,18)
```
#885515
```
#885515 rgb(136,85,21)
```
#9e6219
```
#9e6219 rgb(158,98,25)
```
#b4701c
```
#b4701c rgb(180,112,28)
```
#ca7e1f
```
#ca7e1f rgb(202,126,31)
```
#dd8b26
```
#dd8b26 rgb(221,139,38)
```
#e1973c
```
#e1973c rgb(225,151,60)
```

Monochromatic Color

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

#b44a1c
```
#b44a1c rgb(180,74,28)
```
#b4571c
```
#b4571c rgb(180,87,28)
```
#b4631c
```
#b4631c rgb(180,99,28)
```
#b4701c
```
#b4701c rgb(180,112,28)
```
#b47d1c
```
#b47d1c rgb(180,125,28)
```
#b4891c
```
#b4891c rgb(180,137,28)
```
#b4961c
```
#b4961c rgb(180,150,28)
```

Similar Colors

Text with hexadecimal color #b4701c

This text has a font color of #b4701c.

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

#b4701c background color

This paragraph has a background color of #b4701c.

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

#b4701c border color

This element has a border color of #b4701c.

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

CSS codes

.text {color:#b4701c;}

.background {background-color:#b4701c;}

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

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

#0a0602
```
#0a0602 rgb(10,6,2)
```
#1b1104
```
#1b1104 rgb(27,17,4)
```
#2c1c07
```
#2c1c07 rgb(44,28,7)
```
#3d260a
```
#3d260a rgb(61,38,10)
```
#4e310c
```
#4e310c rgb(78,49,12)
```
#5f3b0f
```
#5f3b0f rgb(95,59,15)
```
#704611
```
#704611 rgb(112,70,17)
```
#815014
```
#815014 rgb(129,80,20)
```
#925b17
```
#925b17 rgb(146,91,23)
```
#a36519
```
#a36519 rgb(163,101,25)
```
#b4701c
```
#b4701c rgb(180,112,28)
```
#c57b1f
```
#c57b1f rgb(197,123,31)
```
#d68521
```
#d68521 rgb(214,133,33)
```

Shade Color Variation

#de8f2d
```
#de8f2d rgb(222,143,45)
```
#e1983e
```
#e1983e rgb(225,152,62)
```
#e4a14f
```
#e4a14f rgb(228,161,79)
```
#e6aa60
```
#e6aa60 rgb(230,170,96)
```
#e9b370
```
#e9b370 rgb(233,179,112)
```
#ebbc81
```
#ebbc81 rgb(235,188,129)
```
#eec592
```
#eec592 rgb(238,197,146)
```
#f1cea3
```
#f1cea3 rgb(241,206,163)
```
#f3d7b4
```
#f3d7b4 rgb(243,215,180)
```
#f6e0c5
```
#f6e0c5 rgb(246,224,197)
```
#f9e9d6
```
#f9e9d6 rgb(249,233,214)
```
#fbf2e7
```
#fbf2e7 rgb(251,242,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#6c6864
```
#6c6864 rgb(108,104,100)
```
#74695c
```
#74695c rgb(116,105,92)
```
#7c6a54
```
#7c6a54 rgb(124,106,84)
```
#846b4c
```
#846b4c rgb(132,107,76)
```
#8c6c44
```
#8c6c44 rgb(140,108,68)
```
#946d3c
```
#946d3c rgb(148,109,60)
```
#9c6d34
```
#9c6d34 rgb(156,109,52)
```
#a46e2c
```
#a46e2c rgb(164,110,44)
```
#ac6f24
```
#ac6f24 rgb(172,111,36)
```
#b4701c
```
#b4701c rgb(180,112,28)
```
#bc7114
```
#bc7114 rgb(188,113,20)
```
#c4720c
```
#c4720c rgb(196,114,12)
```
#cc7304
```
#cc7304 rgb(204,115,4)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#867968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95862b Protanopia 1% of men
#a77f23 Deuteranopia 1% of men
#bc7077 Tritanopia 0.001% of the population

Trichromacy

#a07e25 Protanomaly 1% of men, 0.01% of women
#ab7a20 Deuteranomaly 6% of men, 0.4% of women
#b97056 Tritanomaly 0.01% of the population

#b4701c hex color

#b4701c Color Information

#b4701c Color Conversion

Color Schemes with #b4701c

Alternatives to #b4701c

#b4701c Preview

Shades and Tints of #b4701c

Tones of #b4701c

Color Blindness Simulator