#2c4340 color information
In a RGB color space, hex #2c4340 is composed of 17.3% red, 26.3% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 34.3% cyan, 0% magenta, 4.5% yellow and 73.7% black. It has a hue angle of 172.2 degrees, a saturation of 20.7% and a lightness of 21.8%. #2c4340 color hex could be obtained by blending #588680 with #000000. Closest websafe color is: #333333.
#2c4340 color conversion
The hexadecimal color #2c4340 has RGB values of R:44, G:67, B:64 and CMYK values of C:0.34, M:0, Y:0.04, K:0.74. Its decimal value is 2900800.
- Hex triplet 2c4340
#2c4340 - RGB Decimal 44, 67, 64
rgb(44,67,64) - RGB Percent 17.3, 26.3, 25.1
rgb(17.3%,26.3%,25.1%) - CMYK 34, 0, 4, 74
- HSL 172.2°, 20.7, 21.8
hsl(172,21%,22%) - HSV (or HSB) 172.2°, 34.3, 26.3
- Web Safe 333333
#333333
- CIE-LAB 26.505, -9.714, -1.051
- XYZ 3.971, 4.92, 5.591
- xyY 0.274, 0.34, 4.92
- CIE-LCH 26.505, 9.771, 186.174
- CIE-LUV 26.505, -10.276, 0.006
- Hunter-Lab 22.181, -6.859, 0.582
- Binary 00101100, 01000011, 01000000
Color Schemes with #2c4340
#2c4340 in action
This text has a font color of #2c4340.
<span style="color:#2c4340;">Text here</span>
This paragraph has a background color of #2c4340.
<p style="background-color:#2c4340;">Content here</p>
This element has a border color of #2c4340.
<div style="border:1px solid #2c4340;">Content here</div>
.text {color:#2c4340;}
.background {background-color:#2c4340;}
.border {border:1px solid #2c4340;}
Shades of #2c4340
- #0d1413 #0d1413
rgb(13,20,19) - #1c2b29 #1c2b29
rgb(28,43,41) - #2c4340 #2c4340
rgb(44,67,64) - #3c5b57 #3c5b57
rgb(60,91,87) - #4b726d #4b726d
rgb(75,114,109) - #5b8a84 #5b8a84
rgb(91,138,132) - #6d9f98 #6d9f98
rgb(109,159,152) - #85afa9 #85afa9
rgb(133,175,169) - #9cbeba #9cbeba
rgb(156,190,186) - #b4ceca #b4ceca
rgb(180,206,202) - #ccdddb #ccdddb
rgb(204,221,219) - #e3edec #e3edec
rgb(227,237,236) - #fbfcfc #fbfcfc
rgb(251,252,252)
Color Blindness Simulator
Below, you can see how #2c4340 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.
