#344fa2 Color Information
In a RGB color space, hex #344fa2 is composed of 20.4% red, 31% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 51.2% magenta, 0% yellow and 36.5% black. It has a hue angle of 225.3 degrees, a saturation of 51.4% and a lightness of 42%. #344fa2 color hex could be obtained by blending #689eff with #000045. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 64
-
- C 68
- M 51
- Y 0
- K 36
● #344fa2 color description : Dark moderate blue.
#344fa2 Color Conversion
The hexadecimal color #344fa2 has RGB values of R:52, G:79, B:162 and CMYK values of C:0.68, M:0.51, Y:0, K:0.36. Its decimal value is 3428258.
Hex triplet | 344fa2 | #344fa2 |
---|---|---|
RGB Decimal | 52, 79, 162 | rgb(52,79,162) |
RGB Percent | 20.4, 31, 63.5 | rgb(20.4%,31%,63.5%) |
CMYK | 68, 51, 0, 36 | |
HSL | 225.3°, 51.4, 42 | hsl(225.3,51.4%,42%) |
HSV (or HSB) | 225.3°, 67.9, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.849, 18.182, -48.049 |
---|---|
XYZ | 10.732, 8.93, 35.339 |
xyY | 0.195, 0.162, 8.93 |
CIE-LCH | 35.849, 51.374, 290.727 |
CIE-LUV | 35.849, -12.397, -68.858 |
Hunter-Lab | 29.883, 11.812, -49.196 |
Binary | 00110100, 01001111, 10100010 |
Color Schemes with #344fa2
Alternatives to #344fa2
Below, you can see some colors close to #344fa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344fa2 Preview
This text has a font color of #344fa2.
<span style="color:#344fa2;">Text here</span>
This paragraph has a background color of #344fa2.
<p style="background-color:#344fa2;">Content here</p>
This element has a border color of #344fa2.
<div style="border:1px solid #344fa2;">Content here</div>
.text {color:#344fa2;}
.background {background-color:#344fa2;}
.border {border:1px solid #344fa2;}
Shades and Tints of #344fa2
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)
-
#172449
#172449
rgb(23,36,73)
-
#1c2b58
#1c2b58
rgb(28,43,88)
-
#213267
#213267
rgb(33,50,103)
-
#263975
#263975
rgb(38,57,117)
-
#2a4184
#2a4184
rgb(42,65,132)
-
#2f4893
#2f4893
rgb(47,72,147)
-
#344fa2
#344fa2
rgb(52,79,162)
-
#3956b1
#3956b1
rgb(57,86,177)
-
#3e5dc0
#3e5dc0
rgb(62,93,192)
-
#4b69c5
#4b69c5
rgb(75,105,197)
-
#5a76ca
#5a76ca
rgb(90,118,202)
-
#6982cf
#6982cf
rgb(105,130,207)
-
#788fd4
#788fd4
rgb(120,143,212)
-
#879bd8
#879bd8
rgb(135,155,216)
-
#96a7dd
#96a7dd
rgb(150,167,221)
-
#a5b4e2
#a5b4e2
rgb(165,180,226)
-
#b3c0e7
#b3c0e7
rgb(179,192,231)
-
#c2ccec
#c2ccec
rgb(194,204,236)
-
#d1d9f0
#d1d9f0
rgb(209,217,240)
-
#e0e5f5
#e0e5f5
rgb(224,229,245)
-
#eff2fa
#eff2fa
rgb(239,242,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #344fa2
A tone is produced by adding gray to any pure hue. In this case, #656871 is the less saturated color, while #0336d3 is the most saturated one.
-
#656871
#656871
rgb(101,104,113)
-
#5d6479
#5d6479
rgb(93,100,121)
-
#556081
#556081
rgb(85,96,129)
-
#4d5c89
#4d5c89
rgb(77,92,137)
-
#445792
#445792
rgb(68,87,146)
-
#3c539a
#3c539a
rgb(60,83,154)
-
#344fa2
#344fa2
rgb(52,79,162)
-
#2c4baa
#2c4baa
rgb(44,75,170)
-
#2447b2
#2447b2
rgb(36,71,178)
-
#1b42bb
#1b42bb
rgb(27,66,187)
-
#133ec3
#133ec3
rgb(19,62,195)
-
#0b3acb
#0b3acb
rgb(11,58,203)
-
#0336d3
#0336d3
rgb(3,54,211)
Color Blindness Simulator
Below, you can see how #344fa2 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.