#3b4951 color information
In a RGB color space, hex #3b4951 is composed of 23.1% red, 28.6% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 9.9% magenta, 0% yellow and 68.2% black. It has a hue angle of 201.8 degrees, a saturation of 15.7% and a lightness of 27.5%. #3b4951 color hex could be obtained by blending #7692a2 with #000000. Closest websafe color is: #333366.
#3b4951 color conversion
The hexadecimal color #3b4951 has RGB values of R:59, G:73, B:81 and CMYK values of C:0.27, M:0.1, Y:0, K:0.68. Its decimal value is 3885393.
- Hex triplet 3b4951
#3b4951 - RGB Decimal 59, 73, 81
rgb(59,73,81) - RGB Percent 23.1, 28.6, 31.8
rgb(23.1%,28.6%,31.8%) - CMYK 27, 10, 0, 68
- HSL 201.8°, 15.7, 27.5
hsl(202,16%,27%) - HSV (or HSB) 201.8°, 27.2, 31.8
- Web Safe 333366
#333366
- CIE-LAB 30.13, -3.456, -6.606
- XYZ 5.671, 6.289, 8.699
- xyY 0.275, 0.304, 6.289
- CIE-LCH 30.13, 7.455, 242.382
- CIE-LUV 30.13, -7.031, -7.636
- Hunter-Lab 25.078, -3.52, -3.013
- Binary 00111011, 01001001, 01010001
Color Schemes with #3b4951
#3b4951 in action
This text has a font color of #3b4951.
<span style="color:#3b4951;">Text here</span>
This paragraph has a background color of #3b4951.
<p style="background-color:#3b4951;">Content here</p>
This element has a border color of #3b4951.
<div style="border:1px solid #3b4951;">Content here</div>
.text {color:#3b4951;}
.background {background-color:#3b4951;}
.border {border:1px solid #3b4951;}
Shades of #3b4951
- #090c0d #090c0d
rgb(9,12,13) - #1a2024 #1a2024
rgb(26,32,36) - #2a353a #2a353a
rgb(42,53,58) - #3b4951 #3b4951
rgb(59,73,81) - #4c5d68 #4c5d68
rgb(76,93,104) - #5c727e #5c727e
rgb(92,114,126) - #6d8695 #6d8695
rgb(109,134,149) - #8499a5 #8499a5
rgb(132,153,165) - #9aacb6 #9aacb6
rgb(154,172,182) - #b1bfc6 #b1bfc6
rgb(177,191,198) - #c8d1d7 #c8d1d7
rgb(200,209,215) - #dfe4e7 #dfe4e7
rgb(223,228,231) - #f5f7f8 #f5f7f8
rgb(245,247,248)
Color Blindness Simulator
Below, you can see how #3b4951 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.
