#344e50 hex color
In a RGB color space, hex #344e50 is composed of 20.4% red, 30.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 2.5% magenta, 0% yellow and 68.6% black. It has a hue angle of 184.3 degrees, a saturation of 21.2% and a lightness of 25.9%. #344e50 color hex could be obtained by blending #689ca0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 31
RGB color chart
-
- C 35
- M 2
- Y 0
- K 69
CMYK color chart
● #344e50 color description : Very dark desaturated cyan.
The hexadecimal color #344e50 has RGB values of R:52, G:78, B:80 and CMYK values of C:0.35, M:0.02, Y:0, K:0.69. Its decimal value is 3427920.
Hex triplet | 344e50 | #344e50 |
---|---|---|
RGB Decimal | 52, 78, 80 | rgb(52,78,80) |
RGB Percent | 20.4, 30.6, 31.4 | rgb(20.4%,30.6%,31.4%) |
CMYK | 35, 2, 0, 69 | |
HSL | 184.3°, 21.2, 25.9 | hsl(184.3,21.2%,25.9%) |
HSV (or HSB) | 184.3°, 35, 31.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.249, -9.237, -4.344 |
---|---|
XYZ | 5.588, 6.758, 8.599 |
xyY | 0.267, 0.323, 6.758 |
CIE-LCH | 31.249, 10.207, 205.185 |
CIE-LUV | 31.249, -11.968, -4.138 |
Hunter-Lab | 25.996, -7.121, -1.415 |
Binary | 00110100, 01001110, 01010000 |
Analogous Color
Split Complementary Color
Below, you can see some colors close to #344e50. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #344e50
This text has a font color of #344e50.
<span style="color:#344e50;">Text here</span>
#344e50 background color
This paragraph has a background color of #344e50.
<p style="background-color:#344e50;">Content here</p>
#344e50 border color
This element has a border color of #344e50.
<div style="border:1px solid #344e50;">Content here</div>
CSS codes
.text {color:#344e50;}
.background {background-color:#344e50;}
.border {border:1px solid #344e50;}
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #060809 is the darkest color, while #fcfdfd is the lightest one.
-
#060809
#060809
rgb(6,8,9)
-
#0d1415
#0d1415
rgb(13,20,21)
-
#152020
#152020
rgb(21,32,32)
-
#1d2b2c
#1d2b2c
rgb(29,43,44)
-
#253738
#253738
rgb(37,55,56)
-
#2c4244
#2c4244
rgb(44,66,68)
-
#344e50
#344e50
rgb(52,78,80)
-
#3c5a5c
#3c5a5c
rgb(60,90,92)
-
#436568
#436568
rgb(67,101,104)
-
#4b7174
#4b7174
rgb(75,113,116)
-
#537c80
#537c80
rgb(83,124,128)
-
#5b888b
#5b888b
rgb(91,136,139)
-
#629497
#629497
rgb(98,148,151)
Shade Color Variation
-
#6d9da0
#6d9da0
rgb(109,157,160)
-
#79a5a8
#79a5a8
rgb(121,165,168)
-
#85adb0
#85adb0
rgb(133,173,176)
-
#91b5b7
#91b5b7
rgb(145,181,183)
-
#9dbdbf
#9dbdbf
rgb(157,189,191)
-
#a9c5c7
#a9c5c7
rgb(169,197,199)
-
#b4cdcf
#b4cdcf
rgb(180,205,207)
-
#c0d5d6
#c0d5d6
rgb(192,213,214)
-
#ccddde
#ccddde
rgb(204,221,222)
-
#d8e5e6
#d8e5e6
rgb(216,229,230)
-
#e4eded
#e4eded
rgb(228,237,237)
-
#f0f5f5
#f0f5f5
rgb(240,245,245)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #3e4546 is the less saturated color, while #017a83 is the most saturated one.
-
#3e4546
#3e4546
rgb(62,69,70)
-
#394a4b
#394a4b
rgb(57,74,75)
-
#344e50
#344e50
rgb(52,78,80)
-
#2f5255
#2f5255
rgb(47,82,85)
-
#2a575a
#2a575a
rgb(42,87,90)
-
#255b5f
#255b5f
rgb(37,91,95)
-
#205f64
#205f64
rgb(32,95,100)
-
#1b6469
#1b6469
rgb(27,100,105)
-
#16686e
#16686e
rgb(22,104,110)
-
#106c74
#106c74
rgb(16,108,116)
-
#0b7179
#0b7179
rgb(11,113,121)
-
#06757e
#06757e
rgb(6,117,126)
-
#017a83
#017a83
rgb(1,122,131)
Tone Color Variation
Below, you can see how #344e50 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.
Monochromacy
Dichromacy