#b45422 hex color

In a RGB color space, hex #b45422 is composed of 70.6% red, 32.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.3% magenta, 81.1% yellow and 29.4% black. It has a hue angle of 20.5 degrees, a saturation of 68.2% and a lightness of 42%. #b45422 color hex could be obtained by blending #ffa844 with #690000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 33
- B 13
RGB color chart
- C 0
- M 53
- Y 81
- K 29
CMYK color chart

● #b45422 color description : Strong orange.

The hexadecimal color #b45422 has RGB values of R:180, G:84, B:34 and CMYK values of C:0, M:0.53, Y:0.81, K:0.29. Its decimal value is 11818018.

Hex triplet	b45422	`#b45422`
RGB Decimal	180, 84, 34	`rgb(180,84,34)`
RGB Percent	70.6, 32.9, 13.3	`rgb(70.6%,32.9%,13.3%)`
CMYK	0, 53, 81, 29
HSL	20.5°, 68.2, 42	`hsl(20.5,68.2%,42%)`
HSV (or HSB)	20.5°, 81.1, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.186, 35.95, 45.596
XYZ	22.282, 16.162, 3.459
xyY	0.532, 0.386, 16.162
CIE-LCH	47.186, 58.064, 51.746
CIE-LUV	47.186, 77.393, 37.066
Hunter-Lab	40.201, 28.584, 23.039
Binary	10110100, 01010100, 00100010

#b45422
```
#b45422 rgb(180,84,34)
```
#2282b4
```
#2282b4 rgb(34,130,180)
```

Complementary Color

#b42239
```
#b42239 rgb(180,34,57)
```
#b45422
```
#b45422 rgb(180,84,34)
```
#b49d22
```
#b49d22 rgb(180,157,34)
```

Analogous Color

#2239b4
```
#2239b4 rgb(34,57,180)
```
#b45422
```
#b45422 rgb(180,84,34)
```
#22b49d
```
#22b49d rgb(34,180,157)
```

Split Complementary Color

#5422b4
```
#5422b4 rgb(84,34,180)
```
#b45422
```
#b45422 rgb(180,84,34)
```
#22b454
```
#22b454 rgb(34,180,84)
```

Triadic Color

#b42282
```
#b42282 rgb(180,34,130)
```
#b45422
```
#b45422 rgb(180,84,34)
```
#22b454
```
#22b454 rgb(34,180,84)
```
#2282b4
```
#2282b4 rgb(34,130,180)
```

Tetradic Color

#743616
```
#743616 rgb(116,54,22)
```
#89401a
```
#89401a rgb(137,64,26)
```
#9f4a1e
```
#9f4a1e rgb(159,74,30)
```
#b45422
```
#b45422 rgb(180,84,34)
```
#c95e26
```
#c95e26 rgb(201,94,38)
```
#d86a31
```
#d86a31 rgb(216,106,49)
```
#dc7a46
```
#dc7a46 rgb(220,122,70)
```

Monochromatic Color

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

#b43022
```
#b43022 rgb(180,48,34)
```
#b43c22
```
#b43c22 rgb(180,60,34)
```
#b44822
```
#b44822 rgb(180,72,34)
```
#b45422
```
#b45422 rgb(180,84,34)
```
#b46022
```
#b46022 rgb(180,96,34)
```
#b46c22
```
#b46c22 rgb(180,108,34)
```
#b47922
```
#b47922 rgb(180,121,34)
```

Similar Colors

Text with hexadecimal color #b45422

This text has a font color of #b45422.

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

#b45422 background color

This paragraph has a background color of #b45422.

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

#b45422 border color

This element has a border color of #b45422.

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

CSS codes

.text {color:#b45422;}

.background {background-color:#b45422;}

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

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

#0f0703
```
#0f0703 rgb(15,7,3)
```
#200f06
```
#200f06 rgb(32,15,6)
```
#301609
```
#301609 rgb(48,22,9)
```
#411e0c
```
#411e0c rgb(65,30,12)
```
#51260f
```
#51260f rgb(81,38,15)
```
#622e12
```
#622e12 rgb(98,46,18)
```
#723516
```
#723516 rgb(114,53,22)
```
#833d19
```
#833d19 rgb(131,61,25)
```
#93451c
```
#93451c rgb(147,69,28)
```
#a44c1f
```
#a44c1f rgb(164,76,31)
```
#b45422
```
#b45422 rgb(180,84,34)
```
#c45c25
```
#c45c25 rgb(196,92,37)
```
#d56328
```
#d56328 rgb(213,99,40)
```

Shade Color Variation

#d96f38
```
#d96f38 rgb(217,111,56)
```
#dc7b48
```
#dc7b48 rgb(220,123,72)
```
#e08759
```
#e08759 rgb(224,135,89)
```
#e39369
```
#e39369 rgb(227,147,105)
```
#e69f7a
```
#e69f7a rgb(230,159,122)
```
#e9ab8a
```
#e9ab8a rgb(233,171,138)
```
#ecb69b
```
#ecb69b rgb(236,182,155)
```
#efc2ab
```
#efc2ab rgb(239,194,171)
```
#f2cebc
```
#f2cebc rgb(242,206,188)
```
#f5dacc
```
#f5dacc rgb(245,218,204)
```
#f8e6dd
```
#f8e6dd rgb(248,230,221)
```
#fcf2ed
```
#fcf2ed rgb(252,242,237)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#726964
```
#726964 rgb(114,105,100)
```
#7a665c
```
#7a665c rgb(122,102,92)
```
#836453
```
#836453 rgb(131,100,83)
```
#8b614b
```
#8b614b rgb(139,97,75)
```
#935e43
```
#935e43 rgb(147,94,67)
```
#9b5c3b
```
#9b5c3b rgb(155,92,59)
```
#a45932
```
#a45932 rgb(164,89,50)
```
#ac572a
```
#ac572a rgb(172,87,42)
```
#b45422
```
#b45422 rgb(180,84,34)
```
#bc511a
```
#bc511a rgb(188,81,26)
```
#c44f12
```
#c44f12 rgb(196,79,18)
```
#cd4c09
```
#cd4c09 rgb(205,76,9)
```
#d54a01
```
#d54a01 rgb(213,74,1)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7a665c Atypical Achromatopsia 0.001% of the population

Dichromacy

#847734 Protanopia 1% of men
#947125 Deuteranopia 1% of men
#ba575d Tritanopia 0.001% of the population

Trichromacy

#956a2d Protanomaly 1% of men, 0.01% of women
#9f6624 Deuteranomaly 6% of men, 0.4% of women
#b75647 Tritanomaly 0.01% of the population

#b45422 hex color

#b45422 Color Information

#b45422 Color Conversion

Color Schemes with #b45422

Alternatives to #b45422

#b45422 Preview

Shades and Tints of #b45422

Tones of #b45422

Color Blindness Simulator