#b5522b hex color

In a RGB color space, hex #b5522b is composed of 71% red, 32.2% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.7% magenta, 76.2% yellow and 29% black. It has a hue angle of 17 degrees, a saturation of 61.6% and a lightness of 43.9%. #b5522b color hex could be obtained by blending #ffa456 with #6b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 32
- B 17
RGB color chart
- C 0
- M 55
- Y 76
- K 29
CMYK color chart

● #b5522b color description : Strong orange.

The hexadecimal color #b5522b has RGB values of R:181, G:82, B:43 and CMYK values of C:0, M:0.55, Y:0.76, K:0.29. Its decimal value is 11883051.

Hex triplet	b5522b	`#b5522b`
RGB Decimal	181, 82, 43	`rgb(181,82,43)`
RGB Percent	71, 32.2, 16.9	`rgb(71%,32.2%,16.9%)`
CMYK	0, 55, 76, 29
HSL	17°, 61.6, 43.9	`hsl(17,61.6%,43.9%)`
HSV (or HSB)	17°, 76.2, 71
Web Safe	cc6633	`#cc6633`

CIE-LAB	47.02, 37.711, 41.106
XYZ	22.51, 16.035, 4.195
xyY	0.527, 0.375, 16.035
CIE-LCH	47.02, 55.784, 47.467
CIE-LUV	47.02, 78.759, 33.781
Hunter-Lab	40.044, 30.266, 21.819
Binary	10110101, 01010010, 00101011

#b5522b
```
#b5522b rgb(181,82,43)
```
#2b8eb5
```
#2b8eb5 rgb(43,142,181)
```

Complementary Color

#b52b49
```
#b52b49 rgb(181,43,73)
```
#b5522b
```
#b5522b rgb(181,82,43)
```
#b5972b
```
#b5972b rgb(181,151,43)
```

Analogous Color

#2b49b5
```
#2b49b5 rgb(43,73,181)
```
#b5522b
```
#b5522b rgb(181,82,43)
```
#2bb597
```
#2bb597 rgb(43,181,151)
```

Split Complementary Color

#522bb5
```
#522bb5 rgb(82,43,181)
```
#b5522b
```
#b5522b rgb(181,82,43)
```
#2bb552
```
#2bb552 rgb(43,181,82)
```

Triadic Color

#b52b8e
```
#b52b8e rgb(181,43,142)
```
#b5522b
```
#b5522b rgb(181,82,43)
```
#2bb552
```
#2bb552 rgb(43,181,82)
```
#2b8eb5
```
#2b8eb5 rgb(43,142,181)
```

Tetradic Color

#77361c
```
#77361c rgb(119,54,28)
```
#8c3f21
```
#8c3f21 rgb(140,63,33)
```
#a04926
```
#a04926 rgb(160,73,38)
```
#b5522b
```
#b5522b rgb(181,82,43)
```
#ca5b30
```
#ca5b30 rgb(202,91,48)
```
#d26a41
```
#d26a41 rgb(210,106,65)
```
#d77a56
```
#d77a56 rgb(215,122,86)
```

Monochromatic Color

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

#b5302b
```
#b5302b rgb(181,48,43)
```
#b53b2b
```
#b53b2b rgb(181,59,43)
```
#b5472b
```
#b5472b rgb(181,71,43)
```
#b5522b
```
#b5522b rgb(181,82,43)
```
#b55e2b
```
#b55e2b rgb(181,94,43)
```
#b5692b
```
#b5692b rgb(181,105,43)
```
#b5752b
```
#b5752b rgb(181,117,43)
```

Similar Colors

Text with hexadecimal color #b5522b

This text has a font color of #b5522b.

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

#b5522b background color

This paragraph has a background color of #b5522b.

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

#b5522b border color

This element has a border color of #b5522b.

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

CSS codes

.text {color:#b5522b;}

.background {background-color:#b5522b;}

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

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, #070302 is the darkest color, while #fdf8f6 is the lightest one.

#070302
```
#070302 rgb(7,3,2)
```
#170a05
```
#170a05 rgb(23,10,5)
```
#261109
```
#261109 rgb(38,17,9)
```
#36190d
```
#36190d rgb(54,25,13)
```
#462011
```
#462011 rgb(70,32,17)
```
#562714
```
#562714 rgb(86,39,20)
```
#662e18
```
#662e18 rgb(102,46,24)
```
#76351c
```
#76351c rgb(118,53,28)
```
#853c20
```
#853c20 rgb(133,60,32)
```
#954423
```
#954423 rgb(149,68,35)
```
#a54b27
```
#a54b27 rgb(165,75,39)
```
#b5522b
```
#b5522b rgb(181,82,43)
```
#c5592f
```
#c5592f rgb(197,89,47)
```

Shade Color Variation

#d06338
```
#d06338 rgb(208,99,56)
```
#d36f47
```
#d36f47 rgb(211,111,71)
```
#d77b57
```
#d77b57 rgb(215,123,87)
```
#db8867
```
#db8867 rgb(219,136,103)
```
#df9477
```
#df9477 rgb(223,148,119)
```
#e2a187
```
#e2a187 rgb(226,161,135)
```
#e6ad97
```
#e6ad97 rgb(230,173,151)
```
#eabaa7
```
#eabaa7 rgb(234,186,167)
```
#eec6b6
```
#eec6b6 rgb(238,198,182)
```
#f2d2c6
```
#f2d2c6 rgb(242,210,198)
```
#f5dfd6
```
#f5dfd6 rgb(245,223,214)
```
#f9ebe6
```
#f9ebe6 rgb(249,235,230)
```
#fdf8f6
```
#fdf8f6 rgb(253,248,246)
```

Tint Color Variation

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

#707070
```
#707070 rgb(112,112,112)
```
#796c67
```
#796c67 rgb(121,108,103)
```
#81685f
```
#81685f rgb(129,104,95)
```
#8a6556
```
#8a6556 rgb(138,101,86)
```
#93614d
```
#93614d rgb(147,97,77)
```
#9b5d45
```
#9b5d45 rgb(155,93,69)
```
#a4593c
```
#a4593c rgb(164,89,60)
```
#ac5634
```
#ac5634 rgb(172,86,52)
```
#b5522b
```
#b5522b rgb(181,82,43)
```
#be4e22
```
#be4e22 rgb(190,78,34)
```
#c64b1a
```
#c64b1a rgb(198,75,26)
```
#cf4711
```
#cf4711 rgb(207,71,17)
```
#d74309
```
#d74309 rgb(215,67,9)
```

Tone Color Variation

Below, you can see how #b5522b 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
#7a665e Atypical Achromatopsia 0.001% of the population

Dichromacy

#83773e Protanopia 1% of men
#93712f Deuteranopia 1% of men
#ba565b Tritanopia 0.001% of the population

Trichromacy

#956937 Protanomaly 1% of men, 0.01% of women
#9f662d Deuteranomaly 6% of men, 0.4% of women
#b8544a Tritanomaly 0.01% of the population

#b5522b hex color

#b5522b Color Information

#b5522b Color Conversion

Color Schemes with #b5522b

Alternatives to #b5522b

#b5522b Preview

Shades and Tints of #b5522b

Tones of #b5522b

Color Blindness Simulator