#344e83 Color Information
In a RGB color space, hex #344e83 is composed of 20.4% red, 30.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 40.5% magenta, 0% yellow and 48.6% black. It has a hue angle of 220.3 degrees, a saturation of 43.2% and a lightness of 35.9%. #344e83 color hex could be obtained by blending #689cff with #000007. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 51
-
- C 60
- M 40
- Y 0
- K 49
● #344e83 color description : Dark moderate blue.
#344e83 Color Conversion
The hexadecimal color #344e83 has RGB values of R:52, G:78, B:131 and CMYK values of C:0.6, M:0.4, Y:0, K:0.49. Its decimal value is 3427971.
Hex triplet | 344e83 | #344e83 |
---|---|---|
RGB Decimal | 52, 78, 131 | rgb(52,78,131) |
RGB Percent | 20.4, 30.6, 51.4 | rgb(20.4%,30.6%,51.4%) |
CMYK | 60, 40, 0, 49 | |
HSL | 220.3°, 43.2, 35.9 | hsl(220.3,43.2%,35.9%) |
HSV (or HSB) | 220.3°, 60.3, 51.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 33.599, 7.471, -32.807 |
---|---|
XYZ | 8.236, 7.817, 22.546 |
xyY | 0.213, 0.203, 7.817 |
CIE-LCH | 33.599, 33.647, 282.829 |
CIE-LUV | 33.599, -11.904, -45.451 |
Hunter-Lab | 27.959, 3.656, -28.24 |
Binary | 00110100, 01001110, 10000011 |
Color Schemes with #344e83
Alternatives to #344e83
Below, you can see some colors close to #344e83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344e83 Preview
This text has a font color of #344e83.
<span style="color:#344e83;">Text here</span>
This paragraph has a background color of #344e83.
<p style="background-color:#344e83;">Content here</p>
This element has a border color of #344e83.
<div style="border:1px solid #344e83;">Content here</div>
.text {color:#344e83;}
.background {background-color:#344e83;}
.border {border:1px solid #344e83;}
Shades and Tints of #344e83
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 #f6f7fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070b13
#070b13
rgb(7,11,19)
-
#0d1321
#0d1321
rgb(13,19,33)
-
#131c2f
#131c2f
rgb(19,28,47)
-
#18243d
#18243d
rgb(24,36,61)
-
#1e2d4b
#1e2d4b
rgb(30,45,75)
-
#233559
#233559
rgb(35,53,89)
-
#293d67
#293d67
rgb(41,61,103)
-
#2e4675
#2e4675
rgb(46,70,117)
-
#344e83
#344e83
rgb(52,78,131)
-
#3a5691
#3a5691
rgb(58,86,145)
-
#3f5f9f
#3f5f9f
rgb(63,95,159)
-
#4567ad
#4567ad
rgb(69,103,173)
-
#4d70b8
#4d70b8
rgb(77,112,184)
-
#5b7cbe
#5b7cbe
rgb(91,124,190)
-
#6987c4
#6987c4
rgb(105,135,196)
-
#7792c9
#7792c9
rgb(119,146,201)
-
#859dcf
#859dcf
rgb(133,157,207)
-
#93a9d4
#93a9d4
rgb(147,169,212)
-
#a1b4da
#a1b4da
rgb(161,180,218)
-
#afbfdf
#afbfdf
rgb(175,191,223)
-
#bdcae5
#bdcae5
rgb(189,202,229)
-
#cbd6eb
#cbd6eb
rgb(203,214,235)
-
#dae1f0
#dae1f0
rgb(218,225,240)
-
#e8ecf6
#e8ecf6
rgb(232,236,246)
-
#f6f7fb
#f6f7fb
rgb(246,247,251)
Tones of #344e83
A tone is produced by adding gray to any pure hue. In this case, #575a60 is the less saturated color, while #033db4 is the most saturated one.
-
#575a60
#575a60
rgb(87,90,96)
-
#505867
#505867
rgb(80,88,103)
-
#49556e
#49556e
rgb(73,85,110)
-
#425375
#425375
rgb(66,83,117)
-
#3b507c
#3b507c
rgb(59,80,124)
-
#344e83
#344e83
rgb(52,78,131)
-
#2d4c8a
#2d4c8a
rgb(45,76,138)
-
#264991
#264991
rgb(38,73,145)
-
#1f4798
#1f4798
rgb(31,71,152)
-
#18449f
#18449f
rgb(24,68,159)
-
#1142a6
#1142a6
rgb(17,66,166)
-
#0a40ad
#0a40ad
rgb(10,64,173)
-
#033db4
#033db4
rgb(3,61,180)
Color Blindness Simulator
Below, you can see how #344e83 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.