#344a54 Color Information
In a RGB color space, hex #344a54 is composed of 20.4% red, 29% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 11.9% magenta, 0% yellow and 67.1% black. It has a hue angle of 198.8 degrees, a saturation of 23.5% and a lightness of 26.7%. #344a54 color hex could be obtained by blending #6894a8 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 33
-
- C 38
- M 12
- Y 0
- K 67
● #344a54 color description : Very dark desaturated blue.
#344a54 Color Conversion
The hexadecimal color #344a54 has RGB values of R:52, G:74, B:84 and CMYK values of C:0.38, M:0.12, Y:0, K:0.67. Its decimal value is 3426900.
Hex triplet | 344a54 | #344a54 |
---|---|---|
RGB Decimal | 52, 74, 84 | rgb(52,74,84) |
RGB Percent | 20.4, 29, 32.9 | rgb(20.4%,29%,32.9%) |
CMYK | 38, 12, 0, 67 | |
HSL | 198.8°, 23.5, 26.7 | hsl(198.8,23.5%,26.7%) |
HSV (or HSB) | 198.8°, 38.1, 32.9 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.078, -5.629, -8.662 |
---|---|
XYZ | 5.465, 6.267, 9.309 |
xyY | 0.26, 0.298, 6.267 |
CIE-LCH | 30.078, 10.331, 236.985 |
CIE-LUV | 30.078, -10.27, -10.006 |
Hunter-Lab | 25.035, -4.847, -4.521 |
Binary | 00110100, 01001010, 01010100 |
Color Schemes with #344a54
Alternatives to #344a54
Below, you can see some colors close to #344a54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344a54 Preview
This text has a font color of #344a54.
<span style="color:#344a54;">Text here</span>
This paragraph has a background color of #344a54.
<p style="background-color:#344a54;">Content here</p>
This element has a border color of #344a54.
<div style="border:1px solid #344a54;">Content here</div>
.text {color:#344a54;}
.background {background-color:#344a54;}
.border {border:1px solid #344a54;}
Shades and Tints of #344a54
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 #fefeff is the lightest one.
-
#070a0b
#070a0b
rgb(7,10,11)
-
#0f1517
#0f1517
rgb(15,21,23)
-
#161f24
#161f24
rgb(22,31,36)
-
#1e2a30
#1e2a30
rgb(30,42,48)
-
#25353c
#25353c
rgb(37,53,60)
-
#2d3f48
#2d3f48
rgb(45,63,72)
-
#344a54
#344a54
rgb(52,74,84)
-
#3c5560
#3c5560
rgb(60,85,96)
-
#435f6c
#435f6c
rgb(67,95,108)
-
#4b6a78
#4b6a78
rgb(75,106,120)
-
#527584
#527584
rgb(82,117,132)
-
#5a7f91
#5a7f91
rgb(90,127,145)
-
#618a9d
#618a9d
rgb(97,138,157)
-
#6d93a5
#6d93a5
rgb(109,147,165)
-
#799cac
#799cac
rgb(121,156,172)
-
#85a5b4
#85a5b4
rgb(133,165,180)
-
#91aebb
#91aebb
rgb(145,174,187)
-
#9db7c3
#9db7c3
rgb(157,183,195)
-
#a9c0ca
#a9c0ca
rgb(169,192,202)
-
#b6c9d2
#b6c9d2
rgb(182,201,210)
-
#c2d2d9
#c2d2d9
rgb(194,210,217)
-
#cedbe1
#cedbe1
rgb(206,219,225)
-
#dae4e8
#dae4e8
rgb(218,228,232)
-
#e6edf0
#e6edf0
rgb(230,237,240)
-
#f2f5f7
#f2f5f7
rgb(242,245,247)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #344a54
A tone is produced by adding gray to any pure hue. In this case, #444444 is the less saturated color, while #055c83 is the most saturated one.
-
#444444
#444444
rgb(68,68,68)
-
#3e464a
#3e464a
rgb(62,70,74)
-
#39484f
#39484f
rgb(57,72,79)
-
#344a54
#344a54
rgb(52,74,84)
-
#2f4c59
#2f4c59
rgb(47,76,89)
-
#2a4e5e
#2a4e5e
rgb(42,78,94)
-
#245064
#245064
rgb(36,80,100)
-
#1f5269
#1f5269
rgb(31,82,105)
-
#1a546e
#1a546e
rgb(26,84,110)
-
#155673
#155673
rgb(21,86,115)
-
#0f5879
#0f5879
rgb(15,88,121)
-
#0a5a7e
#0a5a7e
rgb(10,90,126)
-
#055c83
#055c83
rgb(5,92,131)
Color Blindness Simulator
Below, you can see how #344a54 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.