#b77a22 Color Information
In a RGB color space, hex #b77a22 is composed of 71.8% red, 47.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 81.4% yellow and 28.2% black. It has a hue angle of 35.4 degrees, a saturation of 68.7% and a lightness of 42.5%. #b77a22 color hex could be obtained by blending #fff444 with #6f0000. Closest websafe color is: #cc6633.
-
- R 72
- G 48
- B 13
-
- C 0
- M 33
- Y 81
- K 28
● #b77a22 color description : Strong orange.
#b77a22 Color Conversion
The hexadecimal color #b77a22 has RGB values of R:183, G:122, B:34 and CMYK values of C:0, M:0.33, Y:0.81, K:0.28. Its decimal value is 12024354.
Hex triplet | b77a22 | #b77a22 |
---|---|---|
RGB Decimal | 183, 122, 34 | rgb(183,122,34) |
RGB Percent | 71.8, 47.8, 13.3 | rgb(71.8%,47.8%,13.3%) |
CMYK | 0, 33, 81, 28 | |
HSL | 35.4°, 68.7, 42.5 | hsl(35.4,68.7%,42.5%) |
HSV (or HSB) | 35.4°, 81.4, 71.8 | |
Web Safe | cc6633 | #cc6633 |
CIE-LAB | 56.191, 16.608, 54.035 |
---|---|
XYZ | 26.777, 24.104, 4.756 |
xyY | 0.481, 0.433, 24.104 |
CIE-LCH | 56.191, 56.53, 72.915 |
CIE-LUV | 56.191, 49.823, 51.496 |
Hunter-Lab | 49.095, 11.439, 28.624 |
Binary | 10110111, 01111010, 00100010 |
Color Schemes with #b77a22
Alternatives to #b77a22
Below, you can see some colors close to #b77a22. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#b77a22 Preview
This text has a font color of #b77a22.
<span style="color:#b77a22;">Text here</span>
This paragraph has a background color of #b77a22.
<p style="background-color:#b77a22;">Content here</p>
This element has a border color of #b77a22.
<div style="border:1px solid #b77a22;">Content here</div>
.text {color:#b77a22;}
.background {background-color:#b77a22;}
.border {border:1px solid #b77a22;}
Shades and Tints of #b77a22
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, #010100 is the darkest color, while #fcf7ef is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#120c03
#120c03
rgb(18,12,3)
-
#221706
#221706
rgb(34,23,6)
-
#332209
#332209
rgb(51,34,9)
-
#432d0c
#432d0c
rgb(67,45,12)
-
#543810
#543810
rgb(84,56,16)
-
#644313
#644313
rgb(100,67,19)
-
#754e16
#754e16
rgb(117,78,22)
-
#855919
#855919
rgb(133,89,25)
-
#96641c
#96641c
rgb(150,100,28)
-
#a66f1f
#a66f1f
rgb(166,111,31)
-
#b77a22
#b77a22
rgb(183,122,34)
-
#c88525
#c88525
rgb(200,133,37)
-
#d79029
#d79029
rgb(215,144,41)
-
#da983a
#da983a
rgb(218,152,58)
-
#dda14a
#dda14a
rgb(221,161,74)
-
#e0aa5b
#e0aa5b
rgb(224,170,91)
-
#e4b26b
#e4b26b
rgb(228,178,107)
-
#e7bb7c
#e7bb7c
rgb(231,187,124)
-
#eac38c
#eac38c
rgb(234,195,140)
-
#edcc9d
#edcc9d
rgb(237,204,157)
-
#f0d5ad
#f0d5ad
rgb(240,213,173)
-
#f3ddbe
#f3ddbe
rgb(243,221,190)
-
#f6e6ce
#f6e6ce
rgb(246,230,206)
-
#f9eedf
#f9eedf
rgb(249,238,223)
-
#fcf7ef
#fcf7ef
rgb(252,247,239)
Tones of #b77a22
A tone is produced by adding gray to any pure hue. In this case, #746e65 is the less saturated color, while #d88001 is the most saturated one.
-
#746e65
#746e65
rgb(116,110,101)
-
#7d6f5c
#7d6f5c
rgb(125,111,92)
-
#857154
#857154
rgb(133,113,84)
-
#8d724c
#8d724c
rgb(141,114,76)
-
#967443
#967443
rgb(150,116,67)
-
#9e753b
#9e753b
rgb(158,117,59)
-
#a67733
#a67733
rgb(166,119,51)
-
#af782a
#af782a
rgb(175,120,42)
-
#b77a22
#b77a22
rgb(183,122,34)
-
#bf7c1a
#bf7c1a
rgb(191,124,26)
-
#c87d11
#c87d11
rgb(200,125,17)
-
#d07f09
#d07f09
rgb(208,127,9)
-
#d88001
#d88001
rgb(216,128,1)
Color Blindness Simulator
Below, you can see how #b77a22 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.