#2f3136 color information
In a RGB color space, hex #2f3136 is composed of 18.4% red, 19.2% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 13% cyan, 9.3% magenta, 0% yellow and 78.8% black. It has a hue angle of 222.9 degrees, a saturation of 6.9% and a lightness of 19.8%. #2f3136 color hex could be obtained by blending #5e626c with #000000. Closest websafe color is: #333333.
#2f3136 color conversion
The hexadecimal color #2f3136 has RGB values of R:47, G:49, B:54 and CMYK values of C:0.13, M:0.09, Y:0, K:0.79. Its decimal value is 3092790.
- Hex triplet 2f3136
#2f3136 - RGB Decimal 47, 49, 54
rgb(47,49,54) - RGB Percent 18.4, 19.2, 21.2
rgb(18.4%,19.2%,21.2%) - CMYK 13, 9, 0, 79
- HSL 222.9°, 6.9, 19.8
hsl(223,7%,20%) - HSV (or HSB) 222.9°, 13, 21.2
- Web Safe 333333
#333333
- CIE-LAB 20.311, 0.374, -3.474
- XYZ 2.936, 3.067, 3.927
- xyY 0.296, 0.309, 3.067
- CIE-LCH 20.311, 3.494, 276.15
- CIE-LUV 20.311, -1.169, -3.631
- Hunter-Lab 17.514, -0.722, -1.035
- Binary 00101111, 00110001, 00110110
Color Schemes with #2f3136
#2f3136 in action
This text has a font color of #2f3136.
<span style="color:#2f3136;">Text here</span>
This paragraph has a background color of #2f3136.
<p style="background-color:#2f3136;">Content here</p>
This element has a border color of #2f3136.
<div style="border:1px solid #2f3136;">Content here</div>
.text {color:#2f3136;}
.background {background-color:#2f3136;}
.border {border:1px solid #2f3136;}
Shades of #2f3136
- #0a0b0c #0a0b0c
rgb(10,11,12) - #1d1e21 #1d1e21
rgb(29,30,33) - #2f3136 #2f3136
rgb(47,49,54) - #41444b #41444b
rgb(65,68,75) - #545760 #545760
rgb(84,87,96) - #666a75 #666a75
rgb(102,106,117) - #787d8a #787d8a
rgb(120,125,138) - #8d919c #8d919c
rgb(141,145,156) - #a2a6ae #a2a6ae
rgb(162,166,174) - #b7bac0 #b7bac0
rgb(183,186,192) - #ccced3 #ccced3
rgb(204,206,211) - #e1e2e5 #e1e2e5
rgb(225,226,229) - #f6f6f7 #f6f6f7
rgb(246,246,247)
Color Blindness Simulator
Below, you can see how #2f3136 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.
