#344a53 Color Information
In a RGB color space, hex #344a53 is composed of 20.4% red, 29% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 10.8% magenta, 0% yellow and 67.5% black. It has a hue angle of 197.4 degrees, a saturation of 23% and a lightness of 26.5%. #344a53 color hex could be obtained by blending #6894a6 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 33
-
- C 37
- M 11
- Y 0
- K 67
● #344a53 color description : Very dark desaturated blue.
#344a53 Color Conversion
The hexadecimal color #344a53 has RGB values of R:52, G:74, B:83 and CMYK values of C:0.37, M:0.11, Y:0, K:0.67. Its decimal value is 3426899.
Hex triplet | 344a53 | #344a53 |
---|---|---|
RGB Decimal | 52, 74, 83 | rgb(52,74,83) |
RGB Percent | 20.4, 29, 32.5 | rgb(20.4%,29%,32.5%) |
CMYK | 37, 11, 0, 67 | |
HSL | 197.4°, 23, 26.5 | hsl(197.4,23%,26.5%) |
HSV (or HSB) | 197.4°, 37.3, 32.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.039, -5.923, -8.077 |
---|---|
XYZ | 5.426, 6.252, 9.104 |
xyY | 0.261, 0.301, 6.252 |
CIE-LCH | 30.039, 10.016, 233.747 |
CIE-LUV | 30.039, -10.267, -9.214 |
Hunter-Lab | 25.004, -5.022, -4.085 |
Binary | 00110100, 01001010, 01010011 |
Color Schemes with #344a53
Alternatives to #344a53
Below, you can see some colors close to #344a53. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344a53 Preview
This text has a font color of #344a53.
<span style="color:#344a53;">Text here</span>
This paragraph has a background color of #344a53.
<p style="background-color:#344a53;">Content here</p>
This element has a border color of #344a53.
<div style="border:1px solid #344a53;">Content here</div>
.text {color:#344a53;}
.background {background-color:#344a53;}
.border {border:1px solid #344a53;}
Shades and Tints of #344a53
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, #07090b is the darkest color, while #fefefe is the lightest one.
-
#07090b
#07090b
rgb(7,9,11)
-
#0e1417
#0e1417
rgb(14,20,23)
-
#161f23
#161f23
rgb(22,31,35)
-
#1d2a2f
#1d2a2f
rgb(29,42,47)
-
#25343b
#25343b
rgb(37,52,59)
-
#2c3f47
#2c3f47
rgb(44,63,71)
-
#344a53
#344a53
rgb(52,74,83)
-
#3c555f
#3c555f
rgb(60,85,95)
-
#43606b
#43606b
rgb(67,96,107)
-
#4b6a77
#4b6a77
rgb(75,106,119)
-
#527583
#527583
rgb(82,117,131)
-
#5a808f
#5a808f
rgb(90,128,143)
-
#618b9b
#618b9b
rgb(97,139,155)
-
#6d94a3
#6d94a3
rgb(109,148,163)
-
#799cab
#799cab
rgb(121,156,171)
-
#85a5b3
#85a5b3
rgb(133,165,179)
-
#91aeba
#91aeba
rgb(145,174,186)
-
#9db7c2
#9db7c2
rgb(157,183,194)
-
#a9c0c9
#a9c0c9
rgb(169,192,201)
-
#b5c9d1
#b5c9d1
rgb(181,201,209)
-
#c1d2d8
#c1d2d8
rgb(193,210,216)
-
#cddbe0
#cddbe0
rgb(205,219,224)
-
#d9e3e7
#d9e3e7
rgb(217,227,231)
-
#e5ecef
#e5ecef
rgb(229,236,239)
-
#f2f5f7
#f2f5f7
rgb(242,245,247)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #344a53
A tone is produced by adding gray to any pure hue. In this case, #3e4649 is the less saturated color, while #006087 is the most saturated one.
-
#3e4649
#3e4649
rgb(62,70,73)
-
#39484e
#39484e
rgb(57,72,78)
-
#344a53
#344a53
rgb(52,74,83)
-
#2f4c58
#2f4c58
rgb(47,76,88)
-
#2a4e5d
#2a4e5d
rgb(42,78,93)
-
#245163
#245163
rgb(36,81,99)
-
#1f5368
#1f5368
rgb(31,83,104)
-
#1a556d
#1a556d
rgb(26,85,109)
-
#155772
#155772
rgb(21,87,114)
-
#105977
#105977
rgb(16,89,119)
-
#0a5b7d
#0a5b7d
rgb(10,91,125)
-
#055e82
#055e82
rgb(5,94,130)
-
#006087
#006087
rgb(0,96,135)
Color Blindness Simulator
Below, you can see how #344a53 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.