#312b30 color information
In a RGB color space, hex #312b30 is composed of 19.2% red, 16.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.2% magenta, 2% yellow and 80.8% black. It has a hue angle of 310 degrees, a saturation of 6.5% and a lightness of 18%. #312b30 color hex could be obtained by blending #625660 with #000000. Closest websafe color is: #333333.
#312b30 color conversion
The hexadecimal color #312b30 has RGB values of R:49, G:43, B:48 and CMYK values of C:0, M:0.12, Y:0.02, K:0.81. Its decimal value is 3222320.
- Hex triplet 312b30
#312b30 - RGB Decimal 49, 43, 48
rgb(49,43,48) - RGB Percent 19.2, 16.9, 18.8
rgb(19.2%,16.9%,18.8%) - CMYK 0, 12, 2, 81
- HSL 310°, 6.5, 18
hsl(310,7%,18%) - HSV (or HSB) 310°, 12.2, 19.2
- Web Safe 333333
#333333
- CIE-LAB 18.339, 3.865, -2.234
- XYZ 2.664, 2.594, 3.157
- xyY 0.317, 0.308, 2.594
- CIE-LCH 18.339, 4.464, 329.975
- CIE-LUV 18.339, 2.6, -2.612
- Hunter-Lab 16.106, 1.337, -0.345
- Binary 00110001, 00101011, 00110000
Color Schemes with #312b30
#312b30 in action
This text has a font color of #312b30.
<span style="color:#312b30;">Text here</span>
This paragraph has a background color of #312b30.
<p style="background-color:#312b30;">Content here</p>
This element has a border color of #312b30.
<div style="border:1px solid #312b30;">Content here</div>
.text {color:#312b30;}
.background {background-color:#312b30;}
.border {border:1px solid #312b30;}
Shades of #312b30
- #070607 #070607
rgb(7,6,7) - #1c191c #1c191c
rgb(28,25,28) - #312b30 #312b30
rgb(49,43,48) - #463d44 #463d44
rgb(70,61,68) - #5b5059 #5b5059
rgb(91,80,89) - #70626d #70626d
rgb(112,98,109) - #857482 #857482
rgb(133,116,130) - #978995 #978995
rgb(151,137,149) - #aa9ea8 #aa9ea8
rgb(170,158,168) - #bcb3ba #bcb3ba
rgb(188,179,186) - #cec8cd #cec8cd
rgb(206,200,205) - #e1dce0 #e1dce0
rgb(225,220,224) - #f3f1f3 #f3f1f3
rgb(243,241,243)
Color Blindness Simulator
Below, you can see how #312b30 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.
