#2a3f42 color information
In a RGB color space, hex #2a3f42 is composed of 16.5% red, 24.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 4.5% magenta, 0% yellow and 74.1% black. It has a hue angle of 187.5 degrees, a saturation of 22.2% and a lightness of 21.2%. #2a3f42 color hex could be obtained by blending #547e84 with #000000. Closest websafe color is: #333333.
#2a3f42 color conversion
The hexadecimal color #2a3f42 has RGB values of R:42, G:63, B:66 and CMYK values of C:0.36, M:0.05, Y:0, K:0.74. Its decimal value is 2768706.
- Hex triplet 2a3f42
#2a3f42 - RGB Decimal 42, 63, 66
rgb(42,63,66) - RGB Percent 16.5, 24.7, 25.9
rgb(16.5%,24.7%,25.9%) - CMYK 36, 5, 0, 74
- HSL 187.5°, 22.2, 21.2
hsl(188,22%,21%) - HSV (or HSB) 187.5°, 36.4, 25.9
- Web Safe 333333
#333333
- CIE-LAB 25.077, -7.364, -4.496
- XYZ 3.715, 4.44, 5.815
- xyY 0.266, 0.318, 4.44
- CIE-LCH 25.077, 8.628, 211.402
- CIE-LUV 25.077, -9.294, -4.238
- Hunter-Lab 21.072, -5.404, -1.611
- Binary 00101010, 00111111, 01000010
Color Schemes with #2a3f42
#2a3f42 in action
This text has a font color of #2a3f42.
<span style="color:#2a3f42;">Text here</span>
This paragraph has a background color of #2a3f42.
<p style="background-color:#2a3f42;">Content here</p>
This element has a border color of #2a3f42.
<div style="border:1px solid #2a3f42;">Content here</div>
.text {color:#2a3f42;}
.background {background-color:#2a3f42;}
.border {border:1px solid #2a3f42;}
Shades of #2a3f42
- #0b1112 #0b1112
rgb(11,17,18) - #1b282a #1b282a
rgb(27,40,42) - #2a3f42 #2a3f42
rgb(42,63,66) - #39565a #39565a
rgb(57,86,90) - #496d72 #496d72
rgb(73,109,114) - #58848a #58848a
rgb(88,132,138) - #6999a0 #6999a0
rgb(105,153,160) - #81a9af #81a9af
rgb(129,169,175) - #99babe #99babe
rgb(153,186,190) - #b1cacd #b1cacd
rgb(177,202,205) - #c9dadd #c9dadd
rgb(201,218,221) - #e1ebec #e1ebec
rgb(225,235,236) - #f9fbfb #f9fbfb
rgb(249,251,251)
Color Blindness Simulator
Below, you can see how #2a3f42 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.
