#b58522 hex color

In a RGB color space, hex #b58522 is composed of 71% red, 52.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.5% magenta, 81.2% yellow and 29% black. It has a hue angle of 40.4 degrees, a saturation of 68.4% and a lightness of 42.2%. #b58522 color hex could be obtained by blending #ffff44 with #6b0b00. Closest websafe color is: #cc9933.

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

● #b58522 color description : Strong orange.

The hexadecimal color #b58522 has RGB values of R:181, G:133, B:34 and CMYK values of C:0, M:0.27, Y:0.81, K:0.29. Its decimal value is 11896098.

Hex triplet	b58522	`#b58522`
RGB Decimal	181, 133, 34	`rgb(181,133,34)`
RGB Percent	71, 52.2, 13.3	`rgb(71%,52.2%,13.3%)`
CMYK	0, 27, 81, 29
HSL	40.4°, 68.4, 42.2	`hsl(40.4,68.4%,42.2%)`
HSV (or HSB)	40.4°, 81.2, 71
Web Safe	cc9933	`#cc9933`

CIE-LAB	58.71, 9.604, 56.205
XYZ	27.733, 26.716, 5.209
xyY	0.465, 0.448, 26.716
CIE-LCH	58.71, 57.02, 80.304
CIE-LUV	58.71, 39.65, 55.778
Hunter-Lab	51.687, 5.321, 30.206
Binary	10110101, 10000101, 00100010

#b58522
```
#b58522 rgb(181,133,34)
```
#2252b5
```
#2252b5 rgb(34,82,181)
```

Complementary Color

#b53c22
```
#b53c22 rgb(181,60,34)
```
#b58522
```
#b58522 rgb(181,133,34)
```
#9cb522
```
#9cb522 rgb(156,181,34)
```

Analogous Color

#3c22b5
```
#3c22b5 rgb(60,34,181)
```
#b58522
```
#b58522 rgb(181,133,34)
```
#229cb5
```
#229cb5 rgb(34,156,181)
```

Split Complementary Color

#8522b5
```
#8522b5 rgb(133,34,181)
```
#b58522
```
#b58522 rgb(181,133,34)
```
#22b585
```
#22b585 rgb(34,181,133)
```

Triadic Color

#b52252
```
#b52252 rgb(181,34,82)
```
#b58522
```
#b58522 rgb(181,133,34)
```
#22b585
```
#22b585 rgb(34,181,133)
```
#2252b5
```
#2252b5 rgb(34,82,181)
```

Tetradic Color

#755616
```
#755616 rgb(117,86,22)
```
#8a651a
```
#8a651a rgb(138,101,26)
```
#a0751e
```
#a0751e rgb(160,117,30)
```
#b58522
```
#b58522 rgb(181,133,34)
```
#ca9526
```
#ca9526 rgb(202,149,38)
```
#d8a232
```
#d8a232 rgb(216,162,50)
```
#dcac47
```
#dcac47 rgb(220,172,71)
```

Monochromatic Color

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

#b56022
```
#b56022 rgb(181,96,34)
```
#b56d22
```
#b56d22 rgb(181,109,34)
```
#b57922
```
#b57922 rgb(181,121,34)
```
#b58522
```
#b58522 rgb(181,133,34)
```
#b59122
```
#b59122 rgb(181,145,34)
```
#b59e22
```
#b59e22 rgb(181,158,34)
```
#b5aa22
```
#b5aa22 rgb(181,170,34)
```

Similar Colors

Text with hexadecimal color #b58522

This text has a font color of #b58522.

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

#b58522 background color

This paragraph has a background color of #b58522.

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

#b58522 border color

This element has a border color of #b58522.

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

CSS codes

.text {color:#b58522;}

.background {background-color:#b58522;}

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

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, #100c03 is the darkest color, while #fffffe is the lightest one.

#100c03
```
#100c03 rgb(16,12,3)
```
#201806
```
#201806 rgb(32,24,6)
```
#312409
```
#312409 rgb(49,36,9)
```
#41300c
```
#41300c rgb(65,48,12)
```
#523c0f
```
#523c0f rgb(82,60,15)
```
#624812
```
#624812 rgb(98,72,18)
```
#735416
```
#735416 rgb(115,84,22)
```
#836119
```
#836119 rgb(131,97,25)
```
#946d1c
```
#946d1c rgb(148,109,28)
```
#a4791f
```
#a4791f rgb(164,121,31)
```
#b58522
```
#b58522 rgb(181,133,34)
```
#c69125
```
#c69125 rgb(198,145,37)
```
#d69d28
```
#d69d28 rgb(214,157,40)
```

Shade Color Variation

#daa538
```
#daa538 rgb(218,165,56)
```
#ddac49
```
#ddac49 rgb(221,172,73)
```
#e0b459
```
#e0b459 rgb(224,180,89)
```
#e3bb6a
```
#e3bb6a rgb(227,187,106)
```
#e6c37a
```
#e6c37a rgb(230,195,122)
```
#e9ca8b
```
#e9ca8b rgb(233,202,139)
```
#ecd29b
```
#ecd29b rgb(236,210,155)
```
#efd9ac
```
#efd9ac rgb(239,217,172)
```
#f2e1bc
```
#f2e1bc rgb(242,225,188)
```
#f6e8cd
```
#f6e8cd rgb(246,232,205)
```
#f9f0dd
```
#f9f0dd rgb(249,240,221)
```
#fcf7ee
```
#fcf7ee rgb(252,247,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#736e64
```
#736e64 rgb(115,110,100)
```
#7b715c
```
#7b715c rgb(123,113,92)
```
#837454
```
#837454 rgb(131,116,84)
```
#8c774b
```
#8c774b rgb(140,119,75)
```
#947a43
```
#947a43 rgb(148,122,67)
```
#9c7c3b
```
#9c7c3b rgb(156,124,59)
```
#a47f33
```
#a47f33 rgb(164,127,51)
```
#ad822a
```
#ad822a rgb(173,130,42)
```
#b58522
```
#b58522 rgb(181,133,34)
```
#bd881a
```
#bd881a rgb(189,136,26)
```
#c68b11
```
#c68b11 rgb(198,139,17)
```
#ce8e09
```
#ce8e09 rgb(206,142,9)
```
#d69001
```
#d69001 rgb(214,144,1)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#918774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4932f Protanopia 1% of men
#b68c2d Deuteranopia 1% of men
#bf828b Tritanopia 0.001% of the population

Trichromacy

#aa8e2a Protanomaly 1% of men, 0.01% of women
#b68929 Deuteranomaly 6% of men, 0.4% of women
#bb8365 Tritanomaly 0.01% of the population

#b58522 hex color

#b58522 Color Information

#b58522 Color Conversion

Color Schemes with #b58522

Alternatives to #b58522

#b58522 Preview

Shades and Tints of #b58522

Tones of #b58522

Color Blindness Simulator