#b57531 hex color

In a RGB color space, hex #b57531 is composed of 71% red, 45.9% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 72.9% yellow and 29% black. It has a hue angle of 30.9 degrees, a saturation of 57.4% and a lightness of 45.1%. #b57531 color hex could be obtained by blending #ffea62 with #6b0000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 71
- G 46
- B 19
RGB color chart
- C 0
- M 35
- Y 73
- K 29
CMYK color chart

● #b57531 color description : Moderate orange.

The hexadecimal color #b57531 has RGB values of R:181, G:117, B:49 and CMYK values of C:0, M:0.35, Y:0.73, K:0.29. Its decimal value is 11892017.

Hex triplet	b57531	`#b57531`
RGB Decimal	181, 117, 49	`rgb(181,117,49)`
RGB Percent	71, 45.9, 19.2	`rgb(71%,45.9%,19.2%)`
CMYK	0, 35, 73, 29
HSL	30.9°, 57.4, 45.1	`hsl(30.9,57.4%,45.1%)`
HSV (or HSB)	30.9°, 72.9, 71
Web Safe	cc6633	`#cc6633`

CIE-LAB	54.835, 19.139, 46.306
XYZ	25.972, 22.77, 5.933
xyY	0.475, 0.416, 22.77
CIE-LCH	54.835, 50.106, 67.544
CIE-LUV	54.835, 51.168, 45.27
Hunter-Lab	47.718, 13.65, 26.031
Binary	10110101, 01110101, 00110001

#b57531
```
#b57531 rgb(181,117,49)
```
#3171b5
```
#3171b5 rgb(49,113,181)
```

Complementary Color

#b53331
```
#b53331 rgb(181,51,49)
```
#b57531
```
#b57531 rgb(181,117,49)
```
#b3b531
```
#b3b531 rgb(179,181,49)
```

Analogous Color

#3331b5
```
#3331b5 rgb(51,49,181)
```
#b57531
```
#b57531 rgb(181,117,49)
```
#31b3b5
```
#31b3b5 rgb(49,179,181)
```

Split Complementary Color

#7531b5
```
#7531b5 rgb(117,49,181)
```
#b57531
```
#b57531 rgb(181,117,49)
```
#31b575
```
#31b575 rgb(49,181,117)
```

Triadic Color

#b53171
```
#b53171 rgb(181,49,113)
```
#b57531
```
#b57531 rgb(181,117,49)
```
#31b575
```
#31b575 rgb(49,181,117)
```
#3171b5
```
#3171b5 rgb(49,113,181)
```

Tetradic Color

#794e21
```
#794e21 rgb(121,78,33)
```
#8d5b26
```
#8d5b26 rgb(141,91,38)
```
#a1682c
```
#a1682c rgb(161,104,44)
```
#b57531
```
#b57531 rgb(181,117,49)
```
#c98237
```
#c98237 rgb(201,130,55)
```
#ce8e4b
```
#ce8e4b rgb(206,142,75)
```
#d49b5f
```
#d49b5f rgb(212,155,95)
```

Monochromatic Color

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

#b55431
```
#b55431 rgb(181,84,49)
```
#b55f31
```
#b55f31 rgb(181,95,49)
```
#b56a31
```
#b56a31 rgb(181,106,49)
```
#b57531
```
#b57531 rgb(181,117,49)
```
#b58031
```
#b58031 rgb(181,128,49)
```
#b58b31
```
#b58b31 rgb(181,139,49)
```
#b59631
```
#b59631 rgb(181,150,49)
```

Similar Colors

Text with hexadecimal color #b57531

This text has a font color of #b57531.

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

#b57531 background color

This paragraph has a background color of #b57531.

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

#b57531 border color

This element has a border color of #b57531.

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

CSS codes

.text {color:#b57531;}

.background {background-color:#b57531;}

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

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

#0b0703
```
#0b0703 rgb(11,7,3)
```
#1b1107
```
#1b1107 rgb(27,17,7)
```
#2a1b0b
```
#2a1b0b rgb(42,27,11)
```
#3a2510
```
#3a2510 rgb(58,37,16)
```
#492f14
```
#492f14 rgb(73,47,20)
```
#583918
```
#583918 rgb(88,57,24)
```
#68431c
```
#68431c rgb(104,67,28)
```
#774d20
```
#774d20 rgb(119,77,32)
```
#875724
```
#875724 rgb(135,87,36)
```
#966129
```
#966129 rgb(150,97,41)
```
#a66b2d
```
#a66b2d rgb(166,107,45)
```
#b57531
```
#b57531 rgb(181,117,49)
```
#c47f35
```
#c47f35 rgb(196,127,53)
```

Shade Color Variation

#cc8942
```
#cc8942 rgb(204,137,66)
```
#d09251
```
#d09251 rgb(208,146,81)
```
#d49c60
```
#d49c60 rgb(212,156,96)
```
#d8a670
```
#d8a670 rgb(216,166,112)
```
#dcaf7f
```
#dcaf7f rgb(220,175,127)
```
#e1b98f
```
#e1b98f rgb(225,185,143)
```
#e5c39e
```
#e5c39e rgb(229,195,158)
```
#e9ccae
```
#e9ccae rgb(233,204,174)
```
#edd6bd
```
#edd6bd rgb(237,214,189)
```
#f1dfcc
```
#f1dfcc rgb(241,223,204)
```
#f5e9dc
```
#f5e9dc rgb(245,233,220)
```
#faf3eb
```
#faf3eb rgb(250,243,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#77736f
```
#77736f rgb(119,115,111)
```
#807366
```
#807366 rgb(128,115,102)
```
#89745d
```
#89745d rgb(137,116,93)
```
#927454
```
#927454 rgb(146,116,84)
```
#9a744c
```
#9a744c rgb(154,116,76)
```
#a37443
```
#a37443 rgb(163,116,67)
```
#ac753a
```
#ac753a rgb(172,117,58)
```
#b57531
```
#b57531 rgb(181,117,49)
```
#be7528
```
#be7528 rgb(190,117,40)
```
#c7761f
```
#c7761f rgb(199,118,31)
```
#d07616
```
#d07616 rgb(208,118,22)
```
#d8760e
```
#d8760e rgb(216,118,14)
```
#e17605
```
#e17605 rgb(225,118,5)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8b7e70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98893f Protanopia 1% of men
#a98339 Deuteranopia 1% of men
#bd757d Tritanopia 0.001% of the population

Trichromacy

#a2823a Protanomaly 1% of men, 0.01% of women
#ad7e36 Deuteranomaly 6% of men, 0.4% of women
#ba7561 Tritanomaly 0.01% of the population

#b57531 hex color

#b57531 Color Information

#b57531 Color Conversion

Color Schemes with #b57531

Alternatives to #b57531

#b57531 Preview

Shades and Tints of #b57531

Tones of #b57531

Color Blindness Simulator