#344aaa Color Information
In a RGB color space, hex #344aaa is composed of 20.4% red, 29% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 56.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 228.8 degrees, a saturation of 53.2% and a lightness of 43.5%. #344aaa color hex could be obtained by blending #6894ff with #000055. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 67
-
- C 69
- M 56
- Y 0
- K 33
● #344aaa color description : Dark moderate blue.
#344aaa Color Conversion
The hexadecimal color #344aaa has RGB values of R:52, G:74, B:170 and CMYK values of C:0.69, M:0.56, Y:0, K:0.33. Its decimal value is 3426986.
Hex triplet | 344aaa | #344aaa |
---|---|---|
RGB Decimal | 52, 74, 170 | rgb(52,74,170) |
RGB Percent | 20.4, 29, 66.7 | rgb(20.4%,29%,66.7%) |
CMYK | 69, 56, 0, 33 | |
HSL | 228.8°, 53.2, 43.5 | hsl(228.8,53.2%,43.5%) |
HSV (or HSB) | 228.8°, 69.4, 66.7 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.062, 24.446, -54.106 |
---|---|
XYZ | 11.119, 8.529, 39.088 |
xyY | 0.189, 0.145, 8.529 |
CIE-LCH | 35.062, 59.372, 294.314 |
CIE-LUV | 35.062, -11.086, -76.966 |
Hunter-Lab | 29.205, 16.852, -58.912 |
Binary | 00110100, 01001010, 10101010 |
Color Schemes with #344aaa
Alternatives to #344aaa
Below, you can see some colors close to #344aaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344aaa Preview
This text has a font color of #344aaa.
<span style="color:#344aaa;">Text here</span>
This paragraph has a background color of #344aaa.
<p style="background-color:#344aaa;">Content here</p>
This element has a border color of #344aaa.
<div style="border:1px solid #344aaa;">Content here</div>
.text {color:#344aaa;}
.background {background-color:#344aaa;}
.border {border:1px solid #344aaa;}
Shades and Tints of #344aaa
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, #010205 is the darkest color, while #f5f6fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#060914
#060914
rgb(6,9,20)
-
#0b0f23
#0b0f23
rgb(11,15,35)
-
#0f1632
#0f1632
rgb(15,22,50)
-
#141c41
#141c41
rgb(20,28,65)
-
#182350
#182350
rgb(24,35,80)
-
#1d295f
#1d295f
rgb(29,41,95)
-
#22306e
#22306e
rgb(34,48,110)
-
#26367d
#26367d
rgb(38,54,125)
-
#2b3d8c
#2b3d8c
rgb(43,61,140)
-
#2f439b
#2f439b
rgb(47,67,155)
-
#344aaa
#344aaa
rgb(52,74,170)
-
#3951b9
#3951b9
rgb(57,81,185)
-
#4159c5
#4159c5
rgb(65,89,197)
-
#5066c9
#5066c9
rgb(80,102,201)
-
#5f73ce
#5f73ce
rgb(95,115,206)
-
#6e80d3
#6e80d3
rgb(110,128,211)
-
#7d8dd7
#7d8dd7
rgb(125,141,215)
-
#8c9bdc
#8c9bdc
rgb(140,155,220)
-
#9ba8e0
#9ba8e0
rgb(155,168,224)
-
#aab5e5
#aab5e5
rgb(170,181,229)
-
#b9c2e9
#b9c2e9
rgb(185,194,233)
-
#c8cfee
#c8cfee
rgb(200,207,238)
-
#d7dcf3
#d7dcf3
rgb(215,220,243)
-
#e6e9f7
#e6e9f7
rgb(230,233,247)
-
#f5f6fc
#f5f6fc
rgb(245,246,252)
Tones of #344aaa
A tone is produced by adding gray to any pure hue. In this case, #676a77 is the less saturated color, while #012add is the most saturated one.
-
#676a77
#676a77
rgb(103,106,119)
-
#5f657f
#5f657f
rgb(95,101,127)
-
#565f88
#565f88
rgb(86,95,136)
-
#4e5a90
#4e5a90
rgb(78,90,144)
-
#455599
#455599
rgb(69,85,153)
-
#3d4fa1
#3d4fa1
rgb(61,79,161)
-
#344aaa
#344aaa
rgb(52,74,170)
-
#2b45b3
#2b45b3
rgb(43,69,179)
-
#233fbb
#233fbb
rgb(35,63,187)
-
#1a3ac4
#1a3ac4
rgb(26,58,196)
-
#1235cc
#1235cc
rgb(18,53,204)
-
#092fd5
#092fd5
rgb(9,47,213)
-
#012add
#012add
rgb(1,42,221)
Color Blindness Simulator
Below, you can see how #344aaa 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.