#344ea2 Color Information
In a RGB color space, hex #344ea2 is composed of 20.4% red, 30.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 51.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 225.8 degrees, a saturation of 51.4% and a lightness of 42%. #344ea2 color hex could be obtained by blending #689cff with #000045. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 64
-
- C 68
- M 52
- Y 0
- K 36
● #344ea2 color description : Dark moderate blue.
#344ea2 Color Conversion
The hexadecimal color #344ea2 has RGB values of R:52, G:78, B:162 and CMYK values of C:0.68, M:0.52, Y:0, K:0.36. Its decimal value is 3428002.
Hex triplet | 344ea2 | #344ea2 |
---|---|---|
RGB Decimal | 52, 78, 162 | rgb(52,78,162) |
RGB Percent | 20.4, 30.6, 63.5 | rgb(20.4%,30.6%,63.5%) |
CMYK | 68, 52, 0, 36 | |
HSL | 225.8°, 51.4, 42 | hsl(225.8,51.4%,42%) |
HSV (or HSB) | 225.8°, 67.9, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.571, 18.844, -48.498 |
---|---|
XYZ | 10.661, 8.787, 35.315 |
xyY | 0.195, 0.16, 8.787 |
CIE-LCH | 35.571, 52.031, 291.234 |
CIE-LUV | 35.571, -12.103, -69.354 |
Hunter-Lab | 29.643, 12.322, -49.885 |
Binary | 00110100, 01001110, 10100010 |
Color Schemes with #344ea2
Alternatives to #344ea2
Below, you can see some colors close to #344ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344ea2 Preview
This text has a font color of #344ea2.
<span style="color:#344ea2;">Text here</span>
This paragraph has a background color of #344ea2.
<p style="background-color:#344ea2;">Content here</p>
This element has a border color of #344ea2.
<div style="border:1px solid #344ea2;">Content here</div>
.text {color:#344ea2;}
.background {background-color:#344ea2;}
.border {border:1px solid #344ea2;}
Shades and Tints of #344ea2
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, #04070e is the darkest color, while #fefeff is the lightest one.
-
#04070e
#04070e
rgb(4,7,14)
-
#090e1c
#090e1c
rgb(9,14,28)
-
#0e152b
#0e152b
rgb(14,21,43)
-
#131c3a
#131c3a
rgb(19,28,58)
-
#172349
#172349
rgb(23,35,73)
-
#1c2a58
#1c2a58
rgb(28,42,88)
-
#213167
#213167
rgb(33,49,103)
-
#263975
#263975
rgb(38,57,117)
-
#2a4084
#2a4084
rgb(42,64,132)
-
#2f4793
#2f4793
rgb(47,71,147)
-
#344ea2
#344ea2
rgb(52,78,162)
-
#3955b1
#3955b1
rgb(57,85,177)
-
#3e5cc0
#3e5cc0
rgb(62,92,192)
-
#4b68c5
#4b68c5
rgb(75,104,197)
-
#5a75ca
#5a75ca
rgb(90,117,202)
-
#6981cf
#6981cf
rgb(105,129,207)
-
#788ed4
#788ed4
rgb(120,142,212)
-
#879ad8
#879ad8
rgb(135,154,216)
-
#96a7dd
#96a7dd
rgb(150,167,221)
-
#a5b3e2
#a5b3e2
rgb(165,179,226)
-
#b3c0e7
#b3c0e7
rgb(179,192,231)
-
#c2ccec
#c2ccec
rgb(194,204,236)
-
#d1d8f0
#d1d8f0
rgb(209,216,240)
-
#e0e5f5
#e0e5f5
rgb(224,229,245)
-
#eff1fa
#eff1fa
rgb(239,241,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #344ea2
A tone is produced by adding gray to any pure hue. In this case, #656871 is the less saturated color, while #0334d3 is the most saturated one.
-
#656871
#656871
rgb(101,104,113)
-
#5d6479
#5d6479
rgb(93,100,121)
-
#555f81
#555f81
rgb(85,95,129)
-
#4d5b89
#4d5b89
rgb(77,91,137)
-
#445792
#445792
rgb(68,87,146)
-
#3c529a
#3c529a
rgb(60,82,154)
-
#344ea2
#344ea2
rgb(52,78,162)
-
#2c4aaa
#2c4aaa
rgb(44,74,170)
-
#2445b2
#2445b2
rgb(36,69,178)
-
#1b41bb
#1b41bb
rgb(27,65,187)
-
#133dc3
#133dc3
rgb(19,61,195)
-
#0b38cb
#0b38cb
rgb(11,56,203)
-
#0334d3
#0334d3
rgb(3,52,211)
Color Blindness Simulator
Below, you can see how #344ea2 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.