#344a57 Color Information
In a RGB color space, hex #344a57 is composed of 20.4% red, 29% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 14.9% magenta, 0% yellow and 65.9% black. It has a hue angle of 202.3 degrees, a saturation of 25.2% and a lightness of 27.3%. #344a57 color hex could be obtained by blending #6894ae with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 34
-
- C 40
- M 15
- Y 0
- K 66
● #344a57 color description : Very dark desaturated blue.
#344a57 Color Conversion
The hexadecimal color #344a57 has RGB values of R:52, G:74, B:87 and CMYK values of C:0.4, M:0.15, Y:0, K:0.66. Its decimal value is 3426903.
Hex triplet | 344a57 | #344a57 |
---|---|---|
RGB Decimal | 52, 74, 87 | rgb(52,74,87) |
RGB Percent | 20.4, 29, 34.1 | rgb(20.4%,29%,34.1%) |
CMYK | 40, 15, 0, 66 | |
HSL | 202.3°, 25.2, 27.3 | hsl(202.3,25.2%,27.3%) |
HSV (or HSB) | 202.3°, 40.2, 34.1 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.195, -4.732, -10.411 |
---|---|
XYZ | 5.585, 6.316, 9.941 |
xyY | 0.256, 0.289, 6.316 |
CIE-LCH | 30.195, 11.436, 245.559 |
CIE-LUV | 30.195, -10.278, -12.397 |
Hunter-Lab | 25.131, -4.31, -5.862 |
Binary | 00110100, 01001010, 01010111 |
Color Schemes with #344a57
Alternatives to #344a57
Below, you can see some colors close to #344a57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344a57 Preview
This text has a font color of #344a57.
<span style="color:#344a57;">Text here</span>
This paragraph has a background color of #344a57.
<p style="background-color:#344a57;">Content here</p>
This element has a border color of #344a57.
<div style="border:1px solid #344a57;">Content here</div>
.text {color:#344a57;}
.background {background-color:#344a57;}
.border {border:1px solid #344a57;}
Shades and Tints of #344a57
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, #010101 is the darkest color, while #f4f7f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#080b0d
#080b0d
rgb(8,11,13)
-
#0f161a
#0f161a
rgb(15,22,26)
-
#172026
#172026
rgb(23,32,38)
-
#1e2b32
#1e2b32
rgb(30,43,50)
-
#25353e
#25353e
rgb(37,53,62)
-
#2d404b
#2d404b
rgb(45,64,75)
-
#344a57
#344a57
rgb(52,74,87)
-
#3b5463
#3b5463
rgb(59,84,99)
-
#435f70
#435f70
rgb(67,95,112)
-
#4a697c
#4a697c
rgb(74,105,124)
-
#517488
#517488
rgb(81,116,136)
-
#597e94
#597e94
rgb(89,126,148)
-
#6089a0
#6089a0
rgb(96,137,160)
-
#6d92a8
#6d92a8
rgb(109,146,168)
-
#799baf
#799baf
rgb(121,155,175)
-
#85a4b6
#85a4b6
rgb(133,164,182)
-
#92adbe
#92adbe
rgb(146,173,190)
-
#9eb6c5
#9eb6c5
rgb(158,182,197)
-
#aac0cc
#aac0cc
rgb(170,192,204)
-
#b6c9d4
#b6c9d4
rgb(182,201,212)
-
#c3d2db
#c3d2db
rgb(195,210,219)
-
#cfdbe2
#cfdbe2
rgb(207,219,226)
-
#dbe4ea
#dbe4ea
rgb(219,228,234)
-
#e8edf1
#e8edf1
rgb(232,237,241)
-
#f4f7f8
#f4f7f8
rgb(244,247,248)
Tones of #344a57
A tone is produced by adding gray to any pure hue. In this case, #444647 is the less saturated color, while #045687 is the most saturated one.
-
#444647
#444647
rgb(68,70,71)
-
#3f474c
#3f474c
rgb(63,71,76)
-
#394952
#394952
rgb(57,73,82)
-
#344a57
#344a57
rgb(52,74,87)
-
#2f4b5c
#2f4b5c
rgb(47,75,92)
-
#294d62
#294d62
rgb(41,77,98)
-
#244e67
#244e67
rgb(36,78,103)
-
#1f4f6c
#1f4f6c
rgb(31,79,108)
-
#195172
#195172
rgb(25,81,114)
-
#145277
#145277
rgb(20,82,119)
-
#0f547c
#0f547c
rgb(15,84,124)
-
#095582
#095582
rgb(9,85,130)
-
#045687
#045687
rgb(4,86,135)
Color Blindness Simulator
Below, you can see how #344a57 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.