#344f84 Color Information
In a RGB color space, hex #344f84 is composed of 20.4% red, 31% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 40.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 219.8 degrees, a saturation of 43.5% and a lightness of 36.1%. #344f84 color hex could be obtained by blending #689eff with #000009. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 52
-
- C 61
- M 40
- Y 0
- K 48
● #344f84 color description : Dark moderate blue.
#344f84 Color Conversion
The hexadecimal color #344f84 has RGB values of R:52, G:79, B:132 and CMYK values of C:0.61, M:0.4, Y:0, K:0.48. Its decimal value is 3428228.
Hex triplet | 344f84 | #344f84 |
---|---|---|
RGB Decimal | 52, 79, 132 | rgb(52,79,132) |
RGB Percent | 20.4, 31, 51.8 | rgb(20.4%,31%,51.8%) |
CMYK | 61, 40, 0, 48 | |
HSL | 219.8°, 43.5, 36.1 | hsl(219.8,43.5%,36.1%) |
HSV (or HSB) | 219.8°, 60.6, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 33.957, 7.173, -32.856 |
---|---|
XYZ | 8.376, 7.988, 22.929 |
xyY | 0.213, 0.203, 7.988 |
CIE-LCH | 33.957, 33.63, 282.315 |
CIE-LUV | 33.957, -12.248, -45.636 |
Hunter-Lab | 28.262, 3.444, -28.318 |
Binary | 00110100, 01001111, 10000100 |
Color Schemes with #344f84
Alternatives to #344f84
Below, you can see some colors close to #344f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f84 Preview
This text has a font color of #344f84.
<span style="color:#344f84;">Text here</span>
This paragraph has a background color of #344f84.
<p style="background-color:#344f84;">Content here</p>
This element has a border color of #344f84.
<div style="border:1px solid #344f84;">Content here</div>
.text {color:#344f84;}
.background {background-color:#344f84;}
.border {border:1px solid #344f84;}
Shades and Tints of #344f84
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 #f6f8fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#080c13
#080c13
rgb(8,12,19)
-
#0d1421
#0d1421
rgb(13,20,33)
-
#131c30
#131c30
rgb(19,28,48)
-
#18253e
#18253e
rgb(24,37,62)
-
#1e2d4c
#1e2d4c
rgb(30,45,76)
-
#23365a
#23365a
rgb(35,54,90)
-
#293e68
#293e68
rgb(41,62,104)
-
#2e4776
#2e4776
rgb(46,71,118)
-
#344f84
#344f84
rgb(52,79,132)
-
#3a5792
#3a5792
rgb(58,87,146)
-
#3f60a0
#3f60a0
rgb(63,96,160)
-
#4568ae
#4568ae
rgb(69,104,174)
-
#4d72b9
#4d72b9
rgb(77,114,185)
-
#5b7dbf
#5b7dbf
rgb(91,125,191)
-
#6a88c4
#6a88c4
rgb(106,136,196)
-
#7893ca
#7893ca
rgb(120,147,202)
-
#869fcf
#869fcf
rgb(134,159,207)
-
#94aad5
#94aad5
rgb(148,170,213)
-
#a2b5da
#a2b5da
rgb(162,181,218)
-
#b0c0e0
#b0c0e0
rgb(176,192,224)
-
#becbe5
#becbe5
rgb(190,203,229)
-
#ccd6eb
#ccd6eb
rgb(204,214,235)
-
#dae2f0
#dae2f0
rgb(218,226,240)
-
#e8edf6
#e8edf6
rgb(232,237,246)
-
#f6f8fc
#f6f8fc
rgb(246,248,252)
Tones of #344f84
A tone is produced by adding gray to any pure hue. In this case, #575b61 is the less saturated color, while #023fb6 is the most saturated one.
-
#575b61
#575b61
rgb(87,91,97)
-
#505868
#505868
rgb(80,88,104)
-
#49566f
#49566f
rgb(73,86,111)
-
#425476
#425476
rgb(66,84,118)
-
#3b517d
#3b517d
rgb(59,81,125)
-
#344f84
#344f84
rgb(52,79,132)
-
#2d4d8b
#2d4d8b
rgb(45,77,139)
-
#264a92
#264a92
rgb(38,74,146)
-
#1f4899
#1f4899
rgb(31,72,153)
-
#1846a0
#1846a0
rgb(24,70,160)
-
#1143a7
#1143a7
rgb(17,67,167)
-
#0a41ae
#0a41ae
rgb(10,65,174)
-
#023fb6
#023fb6
rgb(2,63,182)
Color Blindness Simulator
Below, you can see how #344f84 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.