#312c2e color information
In a RGB color space, hex #312c2e is composed of 19.2% red, 17.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.2% magenta, 6.1% yellow and 80.8% black. It has a hue angle of 336 degrees, a saturation of 5.4% and a lightness of 18.2%. #312c2e color hex could be obtained by blending #62585c with #000000. Closest websafe color is: #333333.
#312c2e color conversion
The hexadecimal color #312c2e has RGB values of R:49, G:44, B:46 and CMYK values of C:0, M:0.1, Y:0.06, K:0.81. Its decimal value is 3222574.
- Hex triplet 312c2e
#312c2e - RGB Decimal 49, 44, 46
rgb(49,44,46) - RGB Percent 19.2, 17.3, 18
rgb(19.2%,17.3%,18%) - CMYK 0, 10, 6, 81
- HSL 336°, 5.4, 18.2
hsl(336,5%,18%) - HSV (or HSB) 336°, 10.2, 19.2
- Web Safe 333333
#333333
- CIE-LAB 18.591, 2.713, -0.472
- XYZ 2.66, 2.652, 2.956
- xyY 0.322, 0.321, 2.652
- CIE-LCH 18.591, 2.754, 350.126
- CIE-LUV 18.591, 2.316, -0.767
- Hunter-Lab 16.284, 0.666, 0.635
- Binary 00110001, 00101100, 00101110
Color Schemes with #312c2e
#312c2e in action
This text has a font color of #312c2e.
<span style="color:#312c2e;">Text here</span>
This paragraph has a background color of #312c2e.
<p style="background-color:#312c2e;">Content here</p>
This element has a border color of #312c2e.
<div style="border:1px solid #312c2e;">Content here</div>
.text {color:#312c2e;}
.background {background-color:#312c2e;}
.border {border:1px solid #312c2e;}
Shades of #312c2e
- #080707 #080707
rgb(8,7,7) - #1c191b #1c191b
rgb(28,25,27) - #312c2e #312c2e
rgb(49,44,46) - #463f41 #463f41
rgb(70,63,65) - #5a5155 #5a5155
rgb(90,81,85) - #6f6468 #6f6468
rgb(111,100,104) - #84767c #84767c
rgb(132,118,124) - #978b8f #978b8f
rgb(151,139,143) - #a99fa3 #a99fa3
rgb(169,159,163) - #bcb4b7 #bcb4b7
rgb(188,180,183) - #cec9cb #cec9cb
rgb(206,201,203) - #e1dddf #e1dddf
rgb(225,221,223) - #f3f2f3 #f3f2f3
rgb(243,242,243)
Color Blindness Simulator
Below, you can see how #312c2e 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.
