#344a60 Color Information
In a RGB color space, hex #344a60 is composed of 20.4% red, 29% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 22.9% magenta, 0% yellow and 62.4% black. It has a hue angle of 210 degrees, a saturation of 29.7% and a lightness of 29%. #344a60 color hex could be obtained by blending #6894c0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 38
-
- C 46
- M 23
- Y 0
- K 62
● #344a60 color description : Very dark desaturated blue.
#344a60 Color Conversion
The hexadecimal color #344a60 has RGB values of R:52, G:74, B:96 and CMYK values of C:0.46, M:0.23, Y:0, K:0.62. Its decimal value is 3426912.
Hex triplet | 344a60 | #344a60 |
---|---|---|
RGB Decimal | 52, 74, 96 | rgb(52,74,96) |
RGB Percent | 20.4, 29, 37.6 | rgb(20.4%,29%,37.6%) |
CMYK | 46, 23, 0, 62 | |
HSL | 210°, 29.7, 29 | hsl(210,29.7%,29%) |
HSV (or HSB) | 210°, 45.8, 37.6 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.573, -1.928, -15.591 |
---|---|
XYZ | 5.976, 6.472, 12 |
xyY | 0.244, 0.265, 6.472 |
CIE-LCH | 30.573, 15.71, 262.95 |
CIE-LUV | 30.573, -10.31, -19.656 |
Hunter-Lab | 25.44, -2.59, -10.159 |
Binary | 00110100, 01001010, 01100000 |
Color Schemes with #344a60
Alternatives to #344a60
Below, you can see some colors close to #344a60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344a60 Preview
This text has a font color of #344a60.
<span style="color:#344a60;">Text here</span>
This paragraph has a background color of #344a60.
<p style="background-color:#344a60;">Content here</p>
This element has a border color of #344a60.
<div style="border:1px solid #344a60;">Content here</div>
.text {color:#344a60;}
.background {background-color:#344a60;}
.border {border:1px solid #344a60;}
Shades and Tints of #344a60
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, #040507 is the darkest color, while #f9fbfc is the lightest one.
-
#040507
#040507
rgb(4,5,7)
-
#0b0f14
#0b0f14
rgb(11,15,20)
-
#121920
#121920
rgb(18,25,32)
-
#18232d
#18232d
rgb(24,35,45)
-
#1f2d3a
#1f2d3a
rgb(31,45,58)
-
#263647
#263647
rgb(38,54,71)
-
#2d4053
#2d4053
rgb(45,64,83)
-
#344a60
#344a60
rgb(52,74,96)
-
#3b546d
#3b546d
rgb(59,84,109)
-
#425e79
#425e79
rgb(66,94,121)
-
#496786
#496786
rgb(73,103,134)
-
#507193
#507193
rgb(80,113,147)
-
#567ba0
#567ba0
rgb(86,123,160)
-
#6185a9
#6185a9
rgb(97,133,169)
-
#6d8fb0
#6d8fb0
rgb(109,143,176)
-
#7a98b7
#7a98b7
rgb(122,152,183)
-
#87a2be
#87a2be
rgb(135,162,190)
-
#93acc5
#93acc5
rgb(147,172,197)
-
#a0b6cc
#a0b6cc
rgb(160,182,204)
-
#adc0d3
#adc0d3
rgb(173,192,211)
-
#bacad9
#bacad9
rgb(186,202,217)
-
#c6d3e0
#c6d3e0
rgb(198,211,224)
-
#d3dde7
#d3dde7
rgb(211,221,231)
-
#e0e7ee
#e0e7ee
rgb(224,231,238)
-
#ecf1f5
#ecf1f5
rgb(236,241,245)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #344a60
A tone is produced by adding gray to any pure hue. In this case, #454a4f is the less saturated color, while #014a93 is the most saturated one.
-
#454a4f
#454a4f
rgb(69,74,79)
-
#3f4a55
#3f4a55
rgb(63,74,85)
-
#3a4a5a
#3a4a5a
rgb(58,74,90)
-
#344a60
#344a60
rgb(52,74,96)
-
#2e4a66
#2e4a66
rgb(46,74,102)
-
#294a6b
#294a6b
rgb(41,74,107)
-
#234a71
#234a71
rgb(35,74,113)
-
#1d4a77
#1d4a77
rgb(29,74,119)
-
#184a7c
#184a7c
rgb(24,74,124)
-
#124a82
#124a82
rgb(18,74,130)
-
#0c4a88
#0c4a88
rgb(12,74,136)
-
#064a8e
#064a8e
rgb(6,74,142)
-
#014a93
#014a93
rgb(1,74,147)
Color Blindness Simulator
Below, you can see how #344a60 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.