#2d2f3d color information
In a RGB color space, hex #2d2f3d is composed of 17.6% red, 18.4% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 23% magenta, 0% yellow and 76.1% black. It has a hue angle of 232.5 degrees, a saturation of 15.1% and a lightness of 20.8%. #2d2f3d color hex could be obtained by blending #5a5e7a with #000000. Closest websafe color is: #333333.
#2d2f3d color conversion
The hexadecimal color #2d2f3d has RGB values of R:45, G:47, B:61 and CMYK values of C:0.26, M:0.23, Y:0, K:0.76. Its decimal value is 2961213.
- Hex triplet 2d2f3d
#2d2f3d - RGB Decimal 45, 47, 61
rgb(45,47,61) - RGB Percent 17.6, 18.4, 23.9
rgb(17.6%,18.4%,23.9%) - CMYK 26, 23, 0, 76
- HSL 232.5°, 15.1, 20.8
hsl(233,15%,21%) - HSV (or HSB) 232.5°, 26.2, 23.9
- Web Safe 333333
#333333
- CIE-LAB 19.752, 2.864, -9.131
- XYZ 2.941, 2.928, 4.825
- xyY 0.275, 0.274, 2.928
- CIE-LCH 19.752, 9.57, 287.414
- CIE-LUV 19.752, -1.552, -9.939
- Hunter-Lab 17.111, 0.735, -4.741
- Binary 00101101, 00101111, 00111101
Color Schemes with #2d2f3d
#2d2f3d in action
This text has a font color of #2d2f3d.
<span style="color:#2d2f3d;">Text here</span>
This paragraph has a background color of #2d2f3d.
<p style="background-color:#2d2f3d;">Content here</p>
This element has a border color of #2d2f3d.
<div style="border:1px solid #2d2f3d;">Content here</div>
.text {color:#2d2f3d;}
.background {background-color:#2d2f3d;}
.border {border:1px solid #2d2f3d;}
Shades of #2d2f3d
- #0c0c10 #0c0c10
rgb(12,12,16) - #1c1e26 #1c1e26
rgb(28,30,38) - #2d2f3d #2d2f3d
rgb(45,47,61) - #3e4054 #3e4054
rgb(62,64,84) - #4e526a #4e526a
rgb(78,82,106) - #5f6381 #5f6381
rgb(95,99,129) - #717596 #717596
rgb(113,117,150) - #878ba7 #878ba7
rgb(135,139,167) - #9ea1b7 #9ea1b7
rgb(158,161,183) - #b5b7c8 #b5b7c8
rgb(181,183,200) - #cbcdd9 #cbcdd9
rgb(203,205,217) - #e2e3e9 #e2e3e9
rgb(226,227,233) - #f8f8fa #f8f8fa
rgb(248,248,250)
Color Blindness Simulator
Below, you can see how #2d2f3d 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.
