#344c83 Color Information
In a RGB color space, hex #344c83 is composed of 20.4% red, 29.8% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 42% magenta, 0% yellow and 48.6% black. It has a hue angle of 221.8 degrees, a saturation of 43.2% and a lightness of 35.9%. #344c83 color hex could be obtained by blending #6898ff with #000007. Closest websafe color is: #333399.
-
- R 20
- G 30
- B 51
-
- C 60
- M 42
- Y 0
- K 49
● #344c83 color description : Dark moderate blue.
#344c83 Color Conversion
The hexadecimal color #344c83 has RGB values of R:52, G:76, B:131 and CMYK values of C:0.6, M:0.42, Y:0, K:0.49. Its decimal value is 3427459.
Hex triplet | 344c83 | #344c83 |
---|---|---|
RGB Decimal | 52, 76, 131 | rgb(52,76,131) |
RGB Percent | 20.4, 29.8, 51.4 | rgb(20.4%,29.8%,51.4%) |
CMYK | 60, 42, 0, 49 | |
HSL | 221.8°, 43.2, 35.9 | hsl(221.8,43.2%,35.9%) |
HSV (or HSB) | 221.8°, 60.3, 51.4 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 33, 8.794, -33.759 |
---|---|
XYZ | 8.096, 7.537, 22.5 |
xyY | 0.212, 0.198, 7.537 |
CIE-LCH | 33, 34.885, 284.6 |
CIE-LUV | 33, -11.227, -46.659 |
Hunter-Lab | 27.454, 4.597, -29.373 |
Binary | 00110100, 01001100, 10000011 |
Color Schemes with #344c83
Alternatives to #344c83
Below, you can see some colors close to #344c83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344c83 Preview
This text has a font color of #344c83.
<span style="color:#344c83;">Text here</span>
This paragraph has a background color of #344c83.
<p style="background-color:#344c83;">Content here</p>
This element has a border color of #344c83.
<div style="border:1px solid #344c83;">Content here</div>
.text {color:#344c83;}
.background {background-color:#344c83;}
.border {border:1px solid #344c83;}
Shades and Tints of #344c83
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)
-
#131b2f
#131b2f
rgb(19,27,47)
-
#18233d
#18233d
rgb(24,35,61)
-
#1e2b4b
#1e2b4b
rgb(30,43,75)
-
#233459
#233459
rgb(35,52,89)
-
#293c67
#293c67
rgb(41,60,103)
-
#2e4475
#2e4475
rgb(46,68,117)
-
#344c83
#344c83
rgb(52,76,131)
-
#3a5491
#3a5491
rgb(58,84,145)
-
#3f5c9f
#3f5c9f
rgb(63,92,159)
-
#4564ad
#4564ad
rgb(69,100,173)
-
#4d6eb8
#4d6eb8
rgb(77,110,184)
-
#5b79be
#5b79be
rgb(91,121,190)
-
#6985c4
#6985c4
rgb(105,133,196)
-
#7790c9
#7790c9
rgb(119,144,201)
-
#859ccf
#859ccf
rgb(133,156,207)
-
#93a7d4
#93a7d4
rgb(147,167,212)
-
#a1b2da
#a1b2da
rgb(161,178,218)
-
#afbedf
#afbedf
rgb(175,190,223)
-
#bdc9e5
#bdc9e5
rgb(189,201,229)
-
#cbd5eb
#cbd5eb
rgb(203,213,235)
-
#dae0f0
#dae0f0
rgb(218,224,240)
-
#e8ecf6
#e8ecf6
rgb(232,236,246)
-
#f6f7fb
#f6f7fb
rgb(246,247,251)
Tones of #344c83
A tone is produced by adding gray to any pure hue. In this case, #575a60 is the less saturated color, while #0339b4 is the most saturated one.
-
#575a60
#575a60
rgb(87,90,96)
-
#505767
#505767
rgb(80,87,103)
-
#49546e
#49546e
rgb(73,84,110)
-
#425275
#425275
rgb(66,82,117)
-
#3b4f7c
#3b4f7c
rgb(59,79,124)
-
#344c83
#344c83
rgb(52,76,131)
-
#2d498a
#2d498a
rgb(45,73,138)
-
#264691
#264691
rgb(38,70,145)
-
#1f4498
#1f4498
rgb(31,68,152)
-
#18419f
#18419f
rgb(24,65,159)
-
#113ea6
#113ea6
rgb(17,62,166)
-
#0a3bad
#0a3bad
rgb(10,59,173)
-
#0339b4
#0339b4
rgb(3,57,180)
Color Blindness Simulator
Below, you can see how #344c83 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.