#344fa3 Color Information
In a RGB color space, hex #344fa3 is composed of 20.4% red, 31% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 51.5% magenta, 0% yellow and 36.1% black. It has a hue angle of 225.4 degrees, a saturation of 51.6% and a lightness of 42.2%. #344fa3 color hex could be obtained by blending #689eff with #000047. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 64
-
- C 68
- M 52
- Y 0
- K 36
● #344fa3 color description : Dark moderate blue.
#344fa3 Color Conversion
The hexadecimal color #344fa3 has RGB values of R:52, G:79, B:163 and CMYK values of C:0.68, M:0.52, Y:0, K:0.36. Its decimal value is 3428259.
Hex triplet | 344fa3 | #344fa3 |
---|---|---|
RGB Decimal | 52, 79, 163 | rgb(52,79,163) |
RGB Percent | 20.4, 31, 63.9 | rgb(20.4%,31%,63.9%) |
CMYK | 68, 52, 0, 36 | |
HSL | 225.4°, 51.6, 42.2 | hsl(225.4,51.6%,42.2%) |
HSV (or HSB) | 225.4°, 68.1, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.918, 18.553, -48.537 |
---|---|
XYZ | 10.822, 8.966, 35.809 |
xyY | 0.195, 0.161, 8.966 |
CIE-LCH | 35.918, 51.962, 290.919 |
CIE-LUV | 35.918, -12.405, -69.602 |
Hunter-Lab | 29.943, 12.112, -49.945 |
Binary | 00110100, 01001111, 10100011 |
Color Schemes with #344fa3
Alternatives to #344fa3
Below, you can see some colors close to #344fa3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344fa3 Preview
This text has a font color of #344fa3.
<span style="color:#344fa3;">Text here</span>
This paragraph has a background color of #344fa3.
<p style="background-color:#344fa3;">Content here</p>
This element has a border color of #344fa3.
<div style="border:1px solid #344fa3;">Content here</div>
.text {color:#344fa3;}
.background {background-color:#344fa3;}
.border {border:1px solid #344fa3;}
Shades and Tints of #344fa3
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, #05070e is the darkest color, while #feffff is the lightest one.
-
#05070e
#05070e
rgb(5,7,14)
-
#090e1d
#090e1d
rgb(9,14,29)
-
#0e152c
#0e152c
rgb(14,21,44)
-
#131d3b
#131d3b
rgb(19,29,59)
-
#18244a
#18244a
rgb(24,36,74)
-
#1c2b59
#1c2b59
rgb(28,43,89)
-
#213268
#213268
rgb(33,50,104)
-
#263976
#263976
rgb(38,57,118)
-
#2b4185
#2b4185
rgb(43,65,133)
-
#2f4894
#2f4894
rgb(47,72,148)
-
#344fa3
#344fa3
rgb(52,79,163)
-
#3956b2
#3956b2
rgb(57,86,178)
-
#3d5dc1
#3d5dc1
rgb(61,93,193)
-
#4c6ac6
#4c6ac6
rgb(76,106,198)
-
#5b76cb
#5b76cb
rgb(91,118,203)
-
#6a82cf
#6a82cf
rgb(106,130,207)
-
#798fd4
#798fd4
rgb(121,143,212)
-
#879bd9
#879bd9
rgb(135,155,217)
-
#96a8de
#96a8de
rgb(150,168,222)
-
#a5b4e2
#a5b4e2
rgb(165,180,226)
-
#b4c0e7
#b4c0e7
rgb(180,192,231)
-
#c3cdec
#c3cdec
rgb(195,205,236)
-
#d2d9f1
#d2d9f1
rgb(210,217,241)
-
#e1e6f5
#e1e6f5
rgb(225,230,245)
-
#f0f2fa
#f0f2fa
rgb(240,242,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #344fa3
A tone is produced by adding gray to any pure hue. In this case, #666871 is the less saturated color, while #0236d5 is the most saturated one.
-
#666871
#666871
rgb(102,104,113)
-
#5d647a
#5d647a
rgb(93,100,122)
-
#556082
#556082
rgb(85,96,130)
-
#4d5c8a
#4d5c8a
rgb(77,92,138)
-
#455792
#455792
rgb(69,87,146)
-
#3c539b
#3c539b
rgb(60,83,155)
-
#344fa3
#344fa3
rgb(52,79,163)
-
#2c4bab
#2c4bab
rgb(44,75,171)
-
#2347b4
#2347b4
rgb(35,71,180)
-
#1b42bc
#1b42bc
rgb(27,66,188)
-
#133ec4
#133ec4
rgb(19,62,196)
-
#0b3acc
#0b3acc
rgb(11,58,204)
-
#0236d5
#0236d5
rgb(2,54,213)
Color Blindness Simulator
Below, you can see how #344fa3 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.