#b2a377 color information
In a RGB color space, hex #b2a377 is composed of 69.8% red, 63.9% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.4% magenta, 33.1% yellow and 30.2% black. It has a hue angle of 44.7 degrees, a saturation of 27.7% and a lightness of 58.2%. #b2a377 color hex could be obtained by blending #ffffee with #654700. Closest websafe color is: #999966.
#b2a377 color conversion
The hexadecimal color #b2a377 has RGB values of R:178, G:163, B:119 and CMYK values of C:0, M:0.08, Y:0.33, K:0.3. Its decimal value is 11707255.
- Hex triplet b2a377
#b2a377 - RGB Decimal 178, 163, 119
rgb(178,163,119) - RGB Percent 69.8, 63.9, 46.7
rgb(69.8%,63.9%,46.7%) - CMYK 0, 8, 33, 30
- HSL 44.7°, 27.7, 58.2
hsl(45,28%,58%) - HSV (or HSB) 44.7°, 33.1, 69.8
- Web Safe 999966
#999966
- CIE-LAB 67.271, -1.274, 24.876
- XYZ 34.787, 36.992, 22.759
- xyY 0.368, 0.391, 36.992
- CIE-LCH 67.271, 24.909, 92.932
- CIE-LUV 67.271, 11.935, 32.948
- Hunter-Lab 60.821, -4.343, 20.388
- Binary 10110010, 10100011, 01110111
Color Schemes with #b2a377
#b2a377 in action
This text has a font color of #b2a377.
<span style="color:#b2a377;">Text here</span>
This paragraph has a background color of #b2a377.
<p style="background-color:#b2a377;">Content here</p>
This element has a border color of #b2a377.
<div style="border:1px solid #b2a377;">Content here</div>
.text {color:#b2a377;}
.background {background-color:#b2a377;}
.border {border:1px solid #b2a377;}
Shades of #b2a377
- #0e0d08 #0e0d08
rgb(14,13,8) - #272316 #272316
rgb(39,35,22) - #403924 #403924
rgb(64,57,36) - #595033 #595033
rgb(89,80,51) - #726641 #726641
rgb(114,102,65) - #8c7c4f #8c7c4f
rgb(140,124,79) - #a4925e #a4925e
rgb(164,146,94) - #b2a377 #b2a377
rgb(178,163,119) - #c0b490 #c0b490
rgb(192,180,144) - #cec5a9 #cec5a9
rgb(206,197,169) - #ddd6c2 #ddd6c2
rgb(221,214,194) - #ebe7db #ebe7db
rgb(235,231,219) - #f9f8f4 #f9f8f4
rgb(249,248,244)
Color Blindness Simulator
Below, you can see how #b2a377 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.
