#344f83 Color Information
In a RGB color space, hex #344f83 is composed of 20.4% red, 31% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 39.7% magenta, 0% yellow and 48.6% black. It has a hue angle of 219.5 degrees, a saturation of 43.2% and a lightness of 35.9%. #344f83 color hex could be obtained by blending #689eff with #000007. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 51
-
- C 60
- M 40
- Y 0
- K 49
● #344f83 color description : Dark moderate blue.
#344f83 Color Conversion
The hexadecimal color #344f83 has RGB values of R:52, G:79, B:131 and CMYK values of C:0.6, M:0.4, Y:0, K:0.49. Its decimal value is 3428227.
Hex triplet | 344f83 | #344f83 |
---|---|---|
RGB Decimal | 52, 79, 131 | rgb(52,79,131) |
RGB Percent | 20.4, 31, 51.4 | rgb(20.4%,31%,51.4%) |
CMYK | 60, 40, 0, 49 | |
HSL | 219.5°, 43.2, 35.9 | hsl(219.5,43.2%,35.9%) |
HSV (or HSB) | 219.5°, 60.3, 51.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 33.9, 6.813, -32.33 |
---|---|
XYZ | 8.308, 7.96, 22.57 |
xyY | 0.214, 0.205, 7.96 |
CIE-LCH | 33.9, 33.04, 281.9 |
CIE-LUV | 33.9, -12.246, -44.834 |
Hunter-Lab | 28.214, 3.187, -27.68 |
Binary | 00110100, 01001111, 10000011 |
Color Schemes with #344f83
Alternatives to #344f83
Below, you can see some colors close to #344f83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f83 Preview
This text has a font color of #344f83.
<span style="color:#344f83;">Text here</span>
This paragraph has a background color of #344f83.
<p style="background-color:#344f83;">Content here</p>
This element has a border color of #344f83.
<div style="border:1px solid #344f83;">Content here</div>
.text {color:#344f83;}
.background {background-color:#344f83;}
.border {border:1px solid #344f83;}
Shades and Tints of #344f83
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, #020305 is the darkest color, while #f6f8fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070b13
#070b13
rgb(7,11,19)
-
#0d1421
#0d1421
rgb(13,20,33)
-
#131c2f
#131c2f
rgb(19,28,47)
-
#18253d
#18253d
rgb(24,37,61)
-
#1e2d4b
#1e2d4b
rgb(30,45,75)
-
#233659
#233659
rgb(35,54,89)
-
#293e67
#293e67
rgb(41,62,103)
-
#2e4775
#2e4775
rgb(46,71,117)
-
#344f83
#344f83
rgb(52,79,131)
-
#3a5791
#3a5791
rgb(58,87,145)
-
#3f609f
#3f609f
rgb(63,96,159)
-
#4568ad
#4568ad
rgb(69,104,173)
-
#4d72b8
#4d72b8
rgb(77,114,184)
-
#5b7dbe
#5b7dbe
rgb(91,125,190)
-
#6988c4
#6988c4
rgb(105,136,196)
-
#7793c9
#7793c9
rgb(119,147,201)
-
#859ecf
#859ecf
rgb(133,158,207)
-
#93a9d4
#93a9d4
rgb(147,169,212)
-
#a1b5da
#a1b5da
rgb(161,181,218)
-
#afc0df
#afc0df
rgb(175,192,223)
-
#bdcbe5
#bdcbe5
rgb(189,203,229)
-
#cbd6eb
#cbd6eb
rgb(203,214,235)
-
#dae1f0
#dae1f0
rgb(218,225,240)
-
#e8ecf6
#e8ecf6
rgb(232,236,246)
-
#f6f8fb
#f6f8fb
rgb(246,248,251)
Tones of #344f83
A tone is produced by adding gray to any pure hue. In this case, #575a60 is the less saturated color, while #033fb4 is the most saturated one.
-
#575a60
#575a60
rgb(87,90,96)
-
#505867
#505867
rgb(80,88,103)
-
#49566e
#49566e
rgb(73,86,110)
-
#425375
#425375
rgb(66,83,117)
-
#3b517c
#3b517c
rgb(59,81,124)
-
#344f83
#344f83
rgb(52,79,131)
-
#2d4d8a
#2d4d8a
rgb(45,77,138)
-
#264b91
#264b91
rgb(38,75,145)
-
#1f4898
#1f4898
rgb(31,72,152)
-
#18469f
#18469f
rgb(24,70,159)
-
#1144a6
#1144a6
rgb(17,68,166)
-
#0a42ad
#0a42ad
rgb(10,66,173)
-
#033fb4
#033fb4
rgb(3,63,180)
Color Blindness Simulator
Below, you can see how #344f83 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.