#b57a22 Color Information
In a RGB color space, hex #b57a22 is composed of 71% red, 47.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.6% magenta, 81.2% yellow and 29% black. It has a hue angle of 35.9 degrees, a saturation of 68.4% and a lightness of 42.2%. #b57a22 color hex could be obtained by blending #fff444 with #6b0000. Closest websafe color is: #cc6633.
-
- R 71
- G 48
- B 13
-
- C 0
- M 33
- Y 81
- K 29
● #b57a22 color description : Strong orange.
#b57a22 Color Conversion
The hexadecimal color #b57a22 has RGB values of R:181, G:122, B:34 and CMYK values of C:0, M:0.33, Y:0.81, K:0.29. Its decimal value is 11893282.
Hex triplet | b57a22 | #b57a22 |
---|---|---|
RGB Decimal | 181, 122, 34 | rgb(181,122,34) |
RGB Percent | 71, 47.8, 13.3 | rgb(71%,47.8%,13.3%) |
CMYK | 0, 33, 81, 29 | |
HSL | 35.9°, 68.4, 42.2 | hsl(35.9,68.4%,42.2%) |
HSV (or HSB) | 35.9°, 81.2, 71 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 55.947, 15.721, 53.724 |
---|---|
XYZ | 26.305, 23.86, 4.733 |
xyY | 0.479, 0.435, 23.86 |
CIE-LCH | 55.947, 55.977, 73.689 |
CIE-LUV | 55.947, 48.194, 51.394 |
Hunter-Lab | 48.847, 10.644, 28.447 |
Binary | 10110101, 01111010, 00100010 |
Color Schemes with #b57a22
Alternatives to #b57a22
Below, you can see some colors close to #b57a22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b57a22 Preview
This text has a font color of #b57a22.
<span style="color:#b57a22;">Text here</span>
This paragraph has a background color of #b57a22.
<p style="background-color:#b57a22;">Content here</p>
This element has a border color of #b57a22.
<div style="border:1px solid #b57a22;">Content here</div>
.text {color:#b57a22;}
.background {background-color:#b57a22;}
.border {border:1px solid #b57a22;}
Shades and Tints of #b57a22
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, #100b03 is the darkest color, while #fffffe is the lightest one.
-
#100b03
#100b03
rgb(16,11,3)
-
#201606
#201606
rgb(32,22,6)
-
#312109
#312109
rgb(49,33,9)
-
#412c0c
#412c0c
rgb(65,44,12)
-
#52370f
#52370f
rgb(82,55,15)
-
#624212
#624212
rgb(98,66,18)
-
#734d16
#734d16
rgb(115,77,22)
-
#835919
#835919
rgb(131,89,25)
-
#94641c
#94641c
rgb(148,100,28)
-
#a46f1f
#a46f1f
rgb(164,111,31)
-
#b57a22
#b57a22
rgb(181,122,34)
-
#c68525
#c68525
rgb(198,133,37)
-
#d69028
#d69028
rgb(214,144,40)
-
#da9938
#da9938
rgb(218,153,56)
-
#dda149
#dda149
rgb(221,161,73)
-
#e0aa59
#e0aa59
rgb(224,170,89)
-
#e3b26a
#e3b26a
rgb(227,178,106)
-
#e6bb7a
#e6bb7a
rgb(230,187,122)
-
#e9c38b
#e9c38b
rgb(233,195,139)
-
#eccc9b
#eccc9b
rgb(236,204,155)
-
#efd4ac
#efd4ac
rgb(239,212,172)
-
#f2ddbc
#f2ddbc
rgb(242,221,188)
-
#f6e5cd
#f6e5cd
rgb(246,229,205)
-
#f9eedd
#f9eedd
rgb(249,238,221)
-
#fcf6ee
#fcf6ee
rgb(252,246,238)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #b57a22
A tone is produced by adding gray to any pure hue. In this case, #736d64 is the less saturated color, while #d68101 is the most saturated one.
-
#736d64
#736d64
rgb(115,109,100)
-
#7b6f5c
#7b6f5c
rgb(123,111,92)
-
#837054
#837054
rgb(131,112,84)
-
#8c724b
#8c724b
rgb(140,114,75)
-
#947343
#947343
rgb(148,115,67)
-
#9c753b
#9c753b
rgb(156,117,59)
-
#a47733
#a47733
rgb(164,119,51)
-
#ad782a
#ad782a
rgb(173,120,42)
-
#b57a22
#b57a22
rgb(181,122,34)
-
#bd7c1a
#bd7c1a
rgb(189,124,26)
-
#c67d11
#c67d11
rgb(198,125,17)
-
#ce7f09
#ce7f09
rgb(206,127,9)
-
#d68101
#d68101
rgb(214,129,1)
Color Blindness Simulator
Below, you can see how #b57a22 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.