#312f2a color information
In a RGB color space, hex #312f2a is composed of 19.2% red, 18.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 14.3% yellow and 80.8% black. It has a hue angle of 42.9 degrees, a saturation of 7.7% and a lightness of 17.8%. #312f2a color hex could be obtained by blending #625e54 with #000000. Closest websafe color is: #333333.
#312f2a color conversion
The hexadecimal color #312f2a has RGB values of R:49, G:47, B:42 and CMYK values of C:0, M:0.04, Y:0.14, K:0.81. Its decimal value is 3223338.
- Hex triplet 312f2a
#312f2a - RGB Decimal 49, 47, 42
rgb(49,47,42) - RGB Percent 19.2, 18.4, 16.5
rgb(19.2%,18.4%,16.5%) - CMYK 0, 4, 14, 81
- HSL 42.9°, 7.7, 17.8
hsl(43,8%,18%) - HSV (or HSB) 42.9°, 14.3, 19.2
- Web Safe 333333
#333333
- CIE-LAB 19.446, -0.205, 3.53
- XYZ 2.701, 2.853, 2.599
- xyY 0.331, 0.35, 2.853
- CIE-LCH 19.446, 3.536, 93.317
- CIE-LUV 19.446, 1.233, 3.409
- Hunter-Lab 16.891, -1.017, 2.702
- Binary 00110001, 00101111, 00101010
Color Schemes with #312f2a
#312f2a in action
This text has a font color of #312f2a.
<span style="color:#312f2a;">Text here</span>
This paragraph has a background color of #312f2a.
<p style="background-color:#312f2a;">Content here</p>
This element has a border color of #312f2a.
<div style="border:1px solid #312f2a;">Content here</div>
.text {color:#312f2a;}
.background {background-color:#312f2a;}
.border {border:1px solid #312f2a;}
Shades of #312f2a
- #070606 #070606
rgb(7,6,6) - #1c1b18 #1c1b18
rgb(28,27,24) - #312f2a #312f2a
rgb(49,47,42) - #46433c #46433c
rgb(70,67,60) - #5b584e #5b584e
rgb(91,88,78) - #706c60 #706c60
rgb(112,108,96) - #858072 #858072
rgb(133,128,114) - #989387 #989387
rgb(152,147,135) - #aaa69c #aaa69c
rgb(170,166,156) - #bcb9b1 #bcb9b1
rgb(188,185,177) - #ceccc6 #ceccc6
rgb(206,204,198) - #e1dfdc #e1dfdc
rgb(225,223,220) - #f3f2f1 #f3f2f1
rgb(243,242,241)
Color Blindness Simulator
Below, you can see how #312f2a 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.
