#b4b7af color information
In a RGB color space, hex #b4b7af is composed of 70.6% red, 71.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 4.4% yellow and 28.2% black. It has a hue angle of 82.5 degrees, a saturation of 5.3% and a lightness of 70.2%. #b4b7af color hex could be obtained by blending #ffffff with #696f5f. Closest websafe color is: #cccc99.
#b4b7af color conversion
The hexadecimal color #b4b7af has RGB values of R:180, G:183, B:175 and CMYK values of C:0.02, M:0, Y:0.04, K:0.28. Its decimal value is 11843503.
- Hex triplet b4b7af
#b4b7af - RGB Decimal 180, 183, 175
rgb(180,183,175) - RGB Percent 70.6, 71.8, 68.6
rgb(70.6%,71.8%,68.6%) - CMYK 2, 0, 4, 28
- HSL 82.5°, 5.3, 70.2
hsl(82,5%,70%) - HSV (or HSB) 82.5°, 4.4, 71.8
- Web Safe cccc99
#cccc99
- CIE-LAB 73.975, -2.528, 3.689
- XYZ 43.492, 46.665, 47.271
- xyY 0.316, 0.34, 46.665
- CIE-LCH 73.975, 4.472, 124.421
- CIE-LUV 73.975, -1.277, 5.841
- Hunter-Lab 68.312, -5.9, 6.79
- Binary 10110100, 10110111, 10101111
Color Schemes with #b4b7af
#b4b7af in action
This text has a font color of #b4b7af.
<span style="color:#b4b7af;">Text here</span>
This paragraph has a background color of #b4b7af.
<p style="background-color:#b4b7af;">Content here</p>
This element has a border color of #b4b7af.
<div style="border:1px solid #b4b7af;">Content here</div>
.text {color:#b4b7af;}
.background {background-color:#b4b7af;}
.border {border:1px solid #b4b7af;}
Shades of #b4b7af
- #020302 #020302
rgb(2,3,2) - #161715 #161715
rgb(22,23,21) - #2a2c27 #2a2c27
rgb(42,44,39) - #3e413a #3e413a
rgb(62,65,58) - #52554d #52554d
rgb(82,85,77) - #666a5f #666a5f
rgb(102,106,95) - #7a7e72 #7a7e72
rgb(122,126,114) - #8d9286 #8d9286
rgb(141,146,134) - #a1a49a #a1a49a
rgb(161,164,154) - #b4b7af #b4b7af
rgb(180,183,175) - #c7cac4 #c7cac4
rgb(199,202,196) - #dbdcd8 #dbdcd8
rgb(219,220,216) - #eeefed #eeefed
rgb(238,239,237)
Color Blindness Simulator
Below, you can see how #b4b7af 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.
