#344f53 Color Information
In a RGB color space, hex #344f53 is composed of 20.4% red, 31% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 4.8% magenta, 0% yellow and 67.5% black. It has a hue angle of 187.7 degrees, a saturation of 23% and a lightness of 26.5%. #344f53 color hex could be obtained by blending #689ea6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 33
-
- C 37
- M 5
- Y 0
- K 67
● #344f53 color description : Very dark desaturated cyan.
#344f53 Color Conversion
The hexadecimal color #344f53 has RGB values of R:52, G:79, B:83 and CMYK values of C:0.37, M:0.05, Y:0, K:0.67. Its decimal value is 3428179.
Hex triplet | 344f53 | #344f53 |
---|---|---|
RGB Decimal | 52, 79, 83 | rgb(52,79,83) |
RGB Percent | 20.4, 31, 32.5 | rgb(20.4%,31%,32.5%) |
CMYK | 37, 5, 0, 67 | |
HSL | 187.7°, 23, 26.5 | hsl(187.7,23%,26.5%) |
HSV (or HSB) | 187.7°, 37.3, 32.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.684, -8.992, -5.61 |
---|---|
XYZ | 5.773, 6.946, 9.22 |
xyY | 0.263, 0.317, 6.946 |
CIE-LCH | 31.684, 10.598, 211.961 |
CIE-LUV | 31.684, -12.377, -5.803 |
Hunter-Lab | 26.356, -7.023, -2.292 |
Binary | 00110100, 01001111, 01010011 |
Color Schemes with #344f53
Alternatives to #344f53
Below, you can see some colors close to #344f53. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f53 Preview
This text has a font color of #344f53.
<span style="color:#344f53;">Text here</span>
This paragraph has a background color of #344f53.
<p style="background-color:#344f53;">Content here</p>
This element has a border color of #344f53.
<div style="border:1px solid #344f53;">Content here</div>
.text {color:#344f53;}
.background {background-color:#344f53;}
.border {border:1px solid #344f53;}
Shades and Tints of #344f53
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, #070a0b is the darkest color, while #fefefe is the lightest one.
-
#070a0b
#070a0b
rgb(7,10,11)
-
#0e1617
#0e1617
rgb(14,22,23)
-
#162123
#162123
rgb(22,33,35)
-
#1d2d2f
#1d2d2f
rgb(29,45,47)
-
#25383b
#25383b
rgb(37,56,59)
-
#2c4447
#2c4447
rgb(44,68,71)
-
#344f53
#344f53
rgb(52,79,83)
-
#3c5a5f
#3c5a5f
rgb(60,90,95)
-
#43666b
#43666b
rgb(67,102,107)
-
#4b7177
#4b7177
rgb(75,113,119)
-
#527d83
#527d83
rgb(82,125,131)
-
#5a888f
#5a888f
rgb(90,136,143)
-
#61949b
#61949b
rgb(97,148,155)
-
#6d9ca3
#6d9ca3
rgb(109,156,163)
-
#79a5ab
#79a5ab
rgb(121,165,171)
-
#85adb3
#85adb3
rgb(133,173,179)
-
#91b5ba
#91b5ba
rgb(145,181,186)
-
#9dbdc2
#9dbdc2
rgb(157,189,194)
-
#a9c5c9
#a9c5c9
rgb(169,197,201)
-
#b5cdd1
#b5cdd1
rgb(181,205,209)
-
#c1d5d8
#c1d5d8
rgb(193,213,216)
-
#cddde0
#cddde0
rgb(205,221,224)
-
#d9e6e7
#d9e6e7
rgb(217,230,231)
-
#e5eeef
#e5eeef
rgb(229,238,239)
-
#f2f6f7
#f2f6f7
rgb(242,246,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #344f53
A tone is produced by adding gray to any pure hue. In this case, #3e4749 is the less saturated color, while #007687 is the most saturated one.
-
#3e4749
#3e4749
rgb(62,71,73)
-
#394b4e
#394b4e
rgb(57,75,78)
-
#344f53
#344f53
rgb(52,79,83)
-
#2f5358
#2f5358
rgb(47,83,88)
-
#2a575d
#2a575d
rgb(42,87,93)
-
#245b63
#245b63
rgb(36,91,99)
-
#1f5e68
#1f5e68
rgb(31,94,104)
-
#1a626d
#1a626d
rgb(26,98,109)
-
#156672
#156672
rgb(21,102,114)
-
#106a77
#106a77
rgb(16,106,119)
-
#0a6e7d
#0a6e7d
rgb(10,110,125)
-
#057282
#057282
rgb(5,114,130)
-
#007687
#007687
rgb(0,118,135)
Color Blindness Simulator
Below, you can see how #344f53 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.