#b4501f hex color

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

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

● #b4501f color description : Strong orange.

The hexadecimal color #b4501f has RGB values of R:180, G:80, B:31 and CMYK values of C:0, M:0.56, Y:0.83, K:0.29. Its decimal value is 11816991.

Hex triplet	b4501f	`#b4501f`
RGB Decimal	180, 80, 31	`rgb(180,80,31)`
RGB Percent	70.6, 31.4, 12.2	`rgb(70.6%,31.4%,12.2%)`
CMYK	0, 56, 83, 29
HSL	19.7°, 70.6, 41.4	`hsl(19.7,70.6%,41.4%)`
HSV (or HSB)	19.7°, 82.8, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	46.367, 37.887, 46.193
XYZ	21.939, 15.542, 3.141
xyY	0.54, 0.383, 15.542
CIE-LCH	46.367, 59.743, 50.642
CIE-LUV	46.367, 80.748, 36.479
Hunter-Lab	39.423, 30.346, 22.872
Binary	10110100, 01010000, 00011111

#b4501f
```
#b4501f rgb(180,80,31)
```
#1f83b4
```
#1f83b4 rgb(31,131,180)
```

Complementary Color

#b41f38
```
#b41f38 rgb(180,31,56)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#b49b1f
```
#b49b1f rgb(180,155,31)
```

Analogous Color

#1f39b4
```
#1f39b4 rgb(31,57,180)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#1fb49b
```
#1fb49b rgb(31,180,155)
```

Split Complementary Color

#501fb4
```
#501fb4 rgb(80,31,180)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#1fb450
```
#1fb450 rgb(31,180,80)
```

Triadic Color

#b41f83
```
#b41f83 rgb(180,31,131)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#1fb450
```
#1fb450 rgb(31,180,80)
```
#1f83b4
```
#1f83b4 rgb(31,131,180)
```

Tetradic Color

#733314
```
#733314 rgb(115,51,20)
```
#883d18
```
#883d18 rgb(136,61,24)
```
#9e461b
```
#9e461b rgb(158,70,27)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#ca5a23
```
#ca5a23 rgb(202,90,35)
```
#db652b
```
#db652b rgb(219,101,43)
```
#de7541
```
#de7541 rgb(222,117,65)
```

Monochromatic Color

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

#b42b1f
```
#b42b1f rgb(180,43,31)
```
#b4371f
```
#b4371f rgb(180,55,31)
```
#b4441f
```
#b4441f rgb(180,68,31)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#b45c1f
```
#b45c1f rgb(180,92,31)
```
#b4691f
```
#b4691f rgb(180,105,31)
```
#b4751f
```
#b4751f rgb(180,117,31)
```

Similar Colors

Text with hexadecimal color #b4501f

This text has a font color of #b4501f.

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

#b4501f background color

This paragraph has a background color of #b4501f.

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

#b4501f border color

This element has a border color of #b4501f.

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

CSS codes

.text {color:#b4501f;}

.background {background-color:#b4501f;}

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

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

#0d0602
```
#0d0602 rgb(13,6,2)
```
#1d0d05
```
#1d0d05 rgb(29,13,5)
```
#2e1508
```
#2e1508 rgb(46,21,8)
```
#3f1c0b
```
#3f1c0b rgb(63,28,11)
```
#50230e
```
#50230e rgb(80,35,14)
```
#602b11
```
#602b11 rgb(96,43,17)
```
#713213
```
#713213 rgb(113,50,19)
```
#823a16
```
#823a16 rgb(130,58,22)
```
#934119
```
#934119 rgb(147,65,25)
```
#a3491c
```
#a3491c rgb(163,73,28)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#c55722
```
#c55722 rgb(197,87,34)
```
#d55f25
```
#d55f25 rgb(213,95,37)
```

Shade Color Variation

#dc6a32
```
#dc6a32 rgb(220,106,50)
```
#df7643
```
#df7643 rgb(223,118,67)
```
#e18254
```
#e18254 rgb(225,130,84)
```
#e48e64
```
#e48e64 rgb(228,142,100)
```
#e79b75
```
#e79b75 rgb(231,155,117)
```
#eaa786
```
#eaa786 rgb(234,167,134)
```
#edb397
```
#edb397 rgb(237,179,151)
```
#f0bfa7
```
#f0bfa7 rgb(240,191,167)
```
#f3cbb8
```
#f3cbb8 rgb(243,203,184)
```
#f6d8c9
```
#f6d8c9 rgb(246,216,201)
```
#f9e4d9
```
#f9e4d9 rgb(249,228,217)
```
#fbf0ea
```
#fbf0ea rgb(251,240,234)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#6b6968
```
#6b6968 rgb(107,105,104)
```
#736660
```
#736660 rgb(115,102,96)
```
#7b6358
```
#7b6358 rgb(123,99,88)
```
#836150
```
#836150 rgb(131,97,80)
```
#8b5e48
```
#8b5e48 rgb(139,94,72)
```
#945b3f
```
#945b3f rgb(148,91,63)
```
#9c5837
```
#9c5837 rgb(156,88,55)
```
#a4562f
```
#a4562f rgb(164,86,47)
```
#ac5327
```
#ac5327 rgb(172,83,39)
```
#b4501f
```
#b4501f rgb(180,80,31)
```
#bc4d17
```
#bc4d17 rgb(188,77,23)
```
#c44a0f
```
#c44a0f rgb(196,74,15)
```
#cc4807
```
#cc4807 rgb(204,72,7)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#776359 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827532 Protanopia 1% of men
#926f21 Deuteranopia 1% of men
#b95459 Tritanopia 0.001% of the population

Trichromacy

#94672b Protanomaly 1% of men, 0.01% of women
#9e6420 Deuteranomaly 6% of men, 0.4% of women
#b75244 Tritanomaly 0.01% of the population

#b4501f hex color

#b4501f Color Information

#b4501f Color Conversion

Color Schemes with #b4501f

Alternatives to #b4501f

#b4501f Preview

Shades and Tints of #b4501f

Tones of #b4501f

Color Blindness Simulator