#344f85 Color Information
In a RGB color space, hex #344f85 is composed of 20.4% red, 31% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 40.6% magenta, 0% yellow and 47.8% black. It has a hue angle of 220 degrees, a saturation of 43.8% and a lightness of 36.3%. #344f85 color hex could be obtained by blending #689eff with #00000b. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 52
-
- C 61
- M 41
- Y 0
- K 48
● #344f85 color description : Dark moderate blue.
#344f85 Color Conversion
The hexadecimal color #344f85 has RGB values of R:52, G:79, B:133 and CMYK values of C:0.61, M:0.41, Y:0, K:0.48. Its decimal value is 3428229.
Hex triplet | 344f85 | #344f85 |
---|---|---|
RGB Decimal | 52, 79, 133 | rgb(52,79,133) |
RGB Percent | 20.4, 31, 52.2 | rgb(20.4%,31%,52.2%) |
CMYK | 61, 41, 0, 48 | |
HSL | 220°, 43.8, 36.3 | hsl(220,43.8%,36.3%) |
HSV (or HSB) | 220°, 60.9, 52.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.014, 7.533, -33.38 |
---|---|
XYZ | 8.445, 8.015, 23.291 |
xyY | 0.212, 0.202, 8.015 |
CIE-LCH | 34.014, 34.22, 282.717 |
CIE-LUV | 34.014, -12.25, -46.436 |
Hunter-Lab | 28.311, 3.701, -28.96 |
Binary | 00110100, 01001111, 10000101 |
Color Schemes with #344f85
Alternatives to #344f85
Below, you can see some colors close to #344f85. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f85 Preview
This text has a font color of #344f85.
<span style="color:#344f85;">Text here</span>
This paragraph has a background color of #344f85.
<p style="background-color:#344f85;">Content here</p>
This element has a border color of #344f85.
<div style="border:1px solid #344f85;">Content here</div>
.text {color:#344f85;}
.background {background-color:#344f85;}
.border {border:1px solid #344f85;}
Shades and Tints of #344f85
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, #020406 is the darkest color, while #f7f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#080c14
#080c14
rgb(8,12,20)
-
#0d1422
#0d1422
rgb(13,20,34)
-
#131d30
#131d30
rgb(19,29,48)
-
#18253e
#18253e
rgb(24,37,62)
-
#1e2d4d
#1e2d4d
rgb(30,45,77)
-
#23365b
#23365b
rgb(35,54,91)
-
#293e69
#293e69
rgb(41,62,105)
-
#2e4777
#2e4777
rgb(46,71,119)
-
#344f85
#344f85
rgb(52,79,133)
-
#3a5793
#3a5793
rgb(58,87,147)
-
#3f60a1
#3f60a1
rgb(63,96,161)
-
#4568af
#4568af
rgb(69,104,175)
-
#4e72ba
#4e72ba
rgb(78,114,186)
-
#5c7dbf
#5c7dbf
rgb(92,125,191)
-
#6a88c5
#6a88c5
rgb(106,136,197)
-
#7893ca
#7893ca
rgb(120,147,202)
-
#869fd0
#869fd0
rgb(134,159,208)
-
#94aad5
#94aad5
rgb(148,170,213)
-
#a2b5db
#a2b5db
rgb(162,181,219)
-
#b0c0e0
#b0c0e0
rgb(176,192,224)
-
#bfcce6
#bfcce6
rgb(191,204,230)
-
#cdd7eb
#cdd7eb
rgb(205,215,235)
-
#dbe2f1
#dbe2f1
rgb(219,226,241)
-
#e9edf6
#e9edf6
rgb(233,237,246)
-
#f7f9fc
#f7f9fc
rgb(247,249,252)
Tones of #344f85
A tone is produced by adding gray to any pure hue. In this case, #585b61 is the less saturated color, while #023eb7 is the most saturated one.
-
#585b61
#585b61
rgb(88,91,97)
-
#505869
#505869
rgb(80,88,105)
-
#495670
#495670
rgb(73,86,112)
-
#425477
#425477
rgb(66,84,119)
-
#3b517e
#3b517e
rgb(59,81,126)
-
#344f85
#344f85
rgb(52,79,133)
-
#2d4d8c
#2d4d8c
rgb(45,77,140)
-
#264a93
#264a93
rgb(38,74,147)
-
#1f489a
#1f489a
rgb(31,72,154)
-
#1846a1
#1846a1
rgb(24,70,161)
-
#1043a9
#1043a9
rgb(16,67,169)
-
#0941b0
#0941b0
rgb(9,65,176)
-
#023eb7
#023eb7
rgb(2,62,183)
Color Blindness Simulator
Below, you can see how #344f85 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.