#b45322 hex color

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

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

● #b45322 color description : Strong orange.

The hexadecimal color #b45322 has RGB values of R:180, G:83, B:34 and CMYK values of C:0, M:0.54, Y:0.81, K:0.29. Its decimal value is 11817762.

Hex triplet	b45322	`#b45322`
RGB Decimal	180, 83, 34	`rgb(180,83,34)`
RGB Percent	70.6, 32.5, 13.3	`rgb(70.6%,32.5%,13.3%)`
CMYK	0, 54, 81, 29
HSL	20.1°, 68.2, 42	`hsl(20.1,68.2%,42%)`
HSV (or HSB)	20.1°, 81.1, 70.6
Web Safe	cc6633	`#cc6633`

CIE-LAB	46.984, 36.463, 45.406
XYZ	22.205, 16.007, 3.434
xyY	0.533, 0.384, 16.007
CIE-LCH	46.984, 58.234, 51.234
CIE-LUV	46.984, 78.162, 36.722
Hunter-Lab	40.009, 29.051, 22.918
Binary	10110100, 01010011, 00100010

#b45322
```
#b45322 rgb(180,83,34)
```
#2283b4
```
#2283b4 rgb(34,131,180)
```

Complementary Color

#b4223a
```
#b4223a rgb(180,34,58)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#b49c22
```
#b49c22 rgb(180,156,34)
```

Analogous Color

#223ab4
```
#223ab4 rgb(34,58,180)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#22b49c
```
#22b49c rgb(34,180,156)
```

Split Complementary Color

#5322b4
```
#5322b4 rgb(83,34,180)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#22b453
```
#22b453 rgb(34,180,83)
```

Triadic Color

#b42283
```
#b42283 rgb(180,34,131)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#22b453
```
#22b453 rgb(34,180,83)
```
#2283b4
```
#2283b4 rgb(34,131,180)
```

Tetradic Color

#743516
```
#743516 rgb(116,53,22)
```
#893f1a
```
#893f1a rgb(137,63,26)
```
#9f491e
```
#9f491e rgb(159,73,30)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#c95d26
```
#c95d26 rgb(201,93,38)
```
#d86931
```
#d86931 rgb(216,105,49)
```
#dc7946
```
#dc7946 rgb(220,121,70)
```

Monochromatic Color

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

#b42f22
```
#b42f22 rgb(180,47,34)
```
#b43b22
```
#b43b22 rgb(180,59,34)
```
#b44722
```
#b44722 rgb(180,71,34)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#b45f22
```
#b45f22 rgb(180,95,34)
```
#b46b22
```
#b46b22 rgb(180,107,34)
```
#b47822
```
#b47822 rgb(180,120,34)
```

Similar Colors

Text with hexadecimal color #b45322

This text has a font color of #b45322.

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

#b45322 background color

This paragraph has a background color of #b45322.

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

#b45322 border color

This element has a border color of #b45322.

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

CSS codes

.text {color:#b45322;}

.background {background-color:#b45322;}

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

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)
```
#51250f
```
#51250f rgb(81,37,15)
```
#622d12
```
#622d12 rgb(98,45,18)
```
#723516
```
#723516 rgb(114,53,22)
```
#833c19
```
#833c19 rgb(131,60,25)
```
#93441c
```
#93441c rgb(147,68,28)
```
#a44b1f
```
#a44b1f rgb(164,75,31)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#c45b25
```
#c45b25 rgb(196,91,37)
```
#d56228
```
#d56228 rgb(213,98,40)
```

Shade Color Variation

#d96e38
```
#d96e38 rgb(217,110,56)
```
#dc7a48
```
#dc7a48 rgb(220,122,72)
```
#e08659
```
#e08659 rgb(224,134,89)
```
#e39269
```
#e39269 rgb(227,146,105)
```
#e69e7a
```
#e69e7a rgb(230,158,122)
```
#e9aa8a
```
#e9aa8a rgb(233,170,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 #d54801 is the most saturated one.

#726964
```
#726964 rgb(114,105,100)
```
#7a665c
```
#7a665c rgb(122,102,92)
```
#836353
```
#836353 rgb(131,99,83)
```
#8b614b
```
#8b614b rgb(139,97,75)
```
#935e43
```
#935e43 rgb(147,94,67)
```
#9b5b3b
```
#9b5b3b rgb(155,91,59)
```
#a45832
```
#a45832 rgb(164,88,50)
```
#ac562a
```
#ac562a rgb(172,86,42)
```
#b45322
```
#b45322 rgb(180,83,34)
```
#bc501a
```
#bc501a rgb(188,80,26)
```
#c44e12
```
#c44e12 rgb(196,78,18)
```
#cd4b09
```
#cd4b09 rgb(205,75,9)
```
#d54801
```
#d54801 rgb(213,72,1)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#79655c Atypical Achromatopsia 0.001% of the population

Dichromacy

#837734 Protanopia 1% of men
#937125 Deuteranopia 1% of men
#b9565c Tritanopia 0.001% of the population

Trichromacy

#95692d Protanomaly 1% of men, 0.01% of women
#9f6624 Deuteranomaly 6% of men, 0.4% of women
#b75547 Tritanomaly 0.01% of the population

#b45322 hex color

#b45322 Color Information

#b45322 Color Conversion

Color Schemes with #b45322

Alternatives to #b45322

#b45322 Preview

Shades and Tints of #b45322

Tones of #b45322

Color Blindness Simulator