#b46336 color information
In a RGB color space, hex #b46336 is composed of 70.6% red, 38.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45% magenta, 70% yellow and 29.4% black. It has a hue angle of 21.4 degrees, a saturation of 53.8% and a lightness of 45.9%. #b46336 color hex could be obtained by blending #ffc66c with #690000. Closest websafe color is: #cc6633.
#b46336 color conversion
The hexadecimal color #b46336 has RGB values of R:180, G:99, B:54 and CMYK values of C:0, M:0.45, Y:0.7, K:0.29. Its decimal value is 11821878.
- Hex triplet b46336
#b46336 - RGB Decimal 180, 99, 54
rgb(180,99,54) - RGB Percent 70.6, 38.8, 21.2
rgb(70.6%,38.8%,21.2%) - CMYK 0, 45, 70, 29
- HSL 21.4°, 53.8, 45.9
hsl(21,54%,46%) - HSV (or HSB) 21.4°, 70, 70.6
- Web Safe cc6633
#cc6633
- CIE-LAB 50.564, 28.897, 39.188
- XYZ 23.951, 18.895, 5.876
- xyY 0.492, 0.388, 18.895
- CIE-LCH 50.564, 48.691, 53.595
- CIE-LUV 50.564, 63.717, 36.092
- Hunter-Lab 43.469, 22.281, 22.414
- Binary 10110100, 01100011, 00110110
Color Schemes with #b46336
#b46336 in action
This text has a font color of #b46336.
<span style="color:#b46336;">Text here</span>
This paragraph has a background color of #b46336.
<p style="background-color:#b46336;">Content here</p>
This element has a border color of #b46336.
<div style="border:1px solid #b46336;">Content here</div>
.text {color:#b46336;}
.background {background-color:#b46336;}
.border {border:1px solid #b46336;}
Shades of #b46336
- #1d1009 #1d1009
rgb(29,16,9) - #3b2112 #3b2112
rgb(59,33,18) - #59311b #59311b
rgb(89,49,27) - #784224 #784224
rgb(120,66,36) - #96522d #96522d
rgb(150,82,45) - #b46336 #b46336
rgb(180,99,54) - #c87649 #c87649
rgb(200,118,73) - #d18d67 #d18d67
rgb(209,141,103) - #daa485 #daa485
rgb(218,164,133) - #e4baa3 #e4baa3
rgb(228,186,163) - #edd1c2 #edd1c2
rgb(237,209,194) - #f6e8e0 #f6e8e0
rgb(246,232,224) - #fffefe #fffefe
rgb(255,254,254)
Color Blindness Simulator
Below, you can see how #b46336 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.
