#312d2e color information
In a RGB color space, hex #312d2e is composed of 19.2% red, 17.6% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.2% magenta, 6.1% yellow and 80.8% black. It has a hue angle of 345 degrees, a saturation of 4.3% and a lightness of 18.4%. #312d2e color hex could be obtained by blending #625a5c with #000000. Closest websafe color is: #333333.
#312d2e color conversion
The hexadecimal color #312d2e has RGB values of R:49, G:45, B:46 and CMYK values of C:0, M:0.08, Y:0.06, K:0.81. Its decimal value is 3222830.
- Hex triplet 312d2e
#312d2e - RGB Decimal 49, 45, 46
rgb(49,45,46) - RGB Percent 19.2, 17.6, 18
rgb(19.2%,17.6%,18%) - CMYK 0, 8, 6, 81
- HSL 345°, 4.3, 18.4
hsl(345,4%,18%) - HSV (or HSB) 345°, 8.2, 19.2
- Web Safe 333333
#333333
- CIE-LAB 18.916, 2.027, 0.003
- XYZ 2.698, 2.727, 2.969
- xyY 0.321, 0.325, 2.727
- CIE-LCH 18.916, 2.027, 0.078
- CIE-LUV 18.916, 1.891, -0.23
- Hunter-Lab 16.514, 0.265, 0.9
- Binary 00110001, 00101101, 00101110
Color Schemes with #312d2e
#312d2e in action
This text has a font color of #312d2e.
<span style="color:#312d2e;">Text here</span>
This paragraph has a background color of #312d2e.
<p style="background-color:#312d2e;">Content here</p>
This element has a border color of #312d2e.
<div style="border:1px solid #312d2e;">Content here</div>
.text {color:#312d2e;}
.background {background-color:#312d2e;}
.border {border:1px solid #312d2e;}
Shades of #312d2e
- #080708 #080708
rgb(8,7,8) - #1d1a1b #1d1a1b
rgb(29,26,27) - #312d2e #312d2e
rgb(49,45,46) - #454041 #454041
rgb(69,64,65) - #5a5354 #5a5354
rgb(90,83,84) - #6e6568 #6e6568
rgb(110,101,104) - #83787b #83787b
rgb(131,120,123) - #968c8f #968c8f
rgb(150,140,143) - #a9a1a3 #a9a1a3
rgb(169,161,163) - #bbb5b7 #bbb5b7
rgb(187,181,183) - #cecacb #cecacb
rgb(206,202,203) - #e1dedf #e1dedf
rgb(225,222,223) - #f4f3f3 #f4f3f3
rgb(244,243,243)
Color Blindness Simulator
Below, you can see how #312d2e 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.
