#344a55 Color Information
In a RGB color space, hex #344a55 is composed of 20.4% red, 29% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 12.9% magenta, 0% yellow and 66.7% black. It has a hue angle of 200 degrees, a saturation of 24.1% and a lightness of 26.9%. #344a55 color hex could be obtained by blending #6894aa with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 33
-
- C 39
- M 13
- Y 0
- K 67
● #344a55 color description : Very dark desaturated blue.
#344a55 Color Conversion
The hexadecimal color #344a55 has RGB values of R:52, G:74, B:85 and CMYK values of C:0.39, M:0.13, Y:0, K:0.67. Its decimal value is 3426901.
Hex triplet | 344a55 | #344a55 |
---|---|---|
RGB Decimal | 52, 74, 85 | rgb(52,74,85) |
RGB Percent | 20.4, 29, 33.3 | rgb(20.4%,29%,33.3%) |
CMYK | 39, 13, 0, 67 | |
HSL | 200°, 24.1, 26.9 | hsl(200,24.1%,26.9%) |
HSV (or HSB) | 200°, 38.8, 33.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.116, -5.332, -9.247 |
---|---|
XYZ | 5.504, 6.283, 9.517 |
xyY | 0.258, 0.295, 6.283 |
CIE-LCH | 30.116, 10.674, 240.031 |
CIE-LUV | 30.116, -10.273, -10.801 |
Hunter-Lab | 25.066, -4.67, -4.963 |
Binary | 00110100, 01001010, 01010101 |
Color Schemes with #344a55
Alternatives to #344a55
Below, you can see some colors close to #344a55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344a55 Preview
This text has a font color of #344a55.
<span style="color:#344a55;">Text here</span>
This paragraph has a background color of #344a55.
<p style="background-color:#344a55;">Content here</p>
This element has a border color of #344a55.
<div style="border:1px solid #344a55;">Content here</div>
.text {color:#344a55;}
.background {background-color:#344a55;}
.border {border:1px solid #344a55;}
Shades and Tints of #344a55
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, #070a0c is the darkest color, while #ffffff is the lightest one.
-
#070a0c
#070a0c
rgb(7,10,12)
-
#0f1518
#0f1518
rgb(15,21,24)
-
#162024
#162024
rgb(22,32,36)
-
#1e2a30
#1e2a30
rgb(30,42,48)
-
#25353d
#25353d
rgb(37,53,61)
-
#2d3f49
#2d3f49
rgb(45,63,73)
-
#344a55
#344a55
rgb(52,74,85)
-
#3b5561
#3b5561
rgb(59,85,97)
-
#435f6d
#435f6d
rgb(67,95,109)
-
#4a6a7a
#4a6a7a
rgb(74,106,122)
-
#527486
#527486
rgb(82,116,134)
-
#597f92
#597f92
rgb(89,127,146)
-
#618a9e
#618a9e
rgb(97,138,158)
-
#6d93a6
#6d93a6
rgb(109,147,166)
-
#799cad
#799cad
rgb(121,156,173)
-
#85a5b4
#85a5b4
rgb(133,165,180)
-
#91aebc
#91aebc
rgb(145,174,188)
-
#9db7c3
#9db7c3
rgb(157,183,195)
-
#aac0cb
#aac0cb
rgb(170,192,203)
-
#b6c9d2
#b6c9d2
rgb(182,201,210)
-
#c2d2da
#c2d2da
rgb(194,210,218)
-
#cedbe1
#cedbe1
rgb(206,219,225)
-
#dae4e9
#dae4e9
rgb(218,228,233)
-
#e6edf0
#e6edf0
rgb(230,237,240)
-
#f3f6f7
#f3f6f7
rgb(243,246,247)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #344a55
A tone is produced by adding gray to any pure hue. In this case, #444545 is the less saturated color, while #055a84 is the most saturated one.
-
#444545
#444545
rgb(68,69,69)
-
#3f464a
#3f464a
rgb(63,70,74)
-
#394850
#394850
rgb(57,72,80)
-
#344a55
#344a55
rgb(52,74,85)
-
#2f4c5a
#2f4c5a
rgb(47,76,90)
-
#294e60
#294e60
rgb(41,78,96)
-
#244f65
#244f65
rgb(36,79,101)
-
#1f516a
#1f516a
rgb(31,81,106)
-
#1a536f
#1a536f
rgb(26,83,111)
-
#145575
#145575
rgb(20,85,117)
-
#0f567a
#0f567a
rgb(15,86,122)
-
#0a587f
#0a587f
rgb(10,88,127)
-
#055a84
#055a84
rgb(5,90,132)
Color Blindness Simulator
Below, you can see how #344a55 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.