#344aa8 Color Information
In a RGB color space, hex #344aa8 is composed of 20.4% red, 29% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 56% magenta, 0% yellow and 34.1% black. It has a hue angle of 228.6 degrees, a saturation of 52.7% and a lightness of 43.1%. #344aa8 color hex could be obtained by blending #6894ff with #000051. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 66
-
- C 69
- M 56
- Y 0
- K 34
● #344aa8 color description : Dark moderate blue.
#344aa8 Color Conversion
The hexadecimal color #344aa8 has RGB values of R:52, G:74, B:168 and CMYK values of C:0.69, M:0.56, Y:0, K:0.34. Its decimal value is 3426984.
Hex triplet | 344aa8 | #344aa8 |
---|---|---|
RGB Decimal | 52, 74, 168 | rgb(52,74,168) |
RGB Percent | 20.4, 29, 65.9 | rgb(20.4%,29%,65.9%) |
CMYK | 69, 56, 0, 34 | |
HSL | 228.6°, 52.7, 43.1 | hsl(228.6,52.7%,43.1%) |
HSV (or HSB) | 228.6°, 69, 65.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.911, 23.709, -53.156 |
---|---|
XYZ | 10.931, 8.454, 38.099 |
xyY | 0.19, 0.147, 8.454 |
CIE-LCH | 34.911, 58.204, 294.038 |
CIE-LUV | 34.911, -11.053, -75.544 |
Hunter-Lab | 29.076, 16.226, -57.337 |
Binary | 00110100, 01001010, 10101000 |
Color Schemes with #344aa8
Alternatives to #344aa8
Below, you can see some colors close to #344aa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344aa8 Preview
This text has a font color of #344aa8.
<span style="color:#344aa8;">Text here</span>
This paragraph has a background color of #344aa8.
<p style="background-color:#344aa8;">Content here</p>
This element has a border color of #344aa8.
<div style="border:1px solid #344aa8;">Content here</div>
.text {color:#344aa8;}
.background {background-color:#344aa8;}
.border {border:1px solid #344aa8;}
Shades and Tints of #344aa8
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, #010103 is the darkest color, while #f3f5fb is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#060812
#060812
rgb(6,8,18)
-
#0a0f21
#0a0f21
rgb(10,15,33)
-
#0f1530
#0f1530
rgb(15,21,48)
-
#141c3f
#141c3f
rgb(20,28,63)
-
#18224e
#18224e
rgb(24,34,78)
-
#1d295d
#1d295d
rgb(29,41,93)
-
#21306c
#21306c
rgb(33,48,108)
-
#26367b
#26367b
rgb(38,54,123)
-
#2b3d8a
#2b3d8a
rgb(43,61,138)
-
#2f4399
#2f4399
rgb(47,67,153)
-
#344aa8
#344aa8
rgb(52,74,168)
-
#3951b7
#3951b7
rgb(57,81,183)
-
#4059c4
#4059c4
rgb(64,89,196)
-
#4e66c8
#4e66c8
rgb(78,102,200)
-
#5d73cd
#5d73cd
rgb(93,115,205)
-
#6c80d2
#6c80d2
rgb(108,128,210)
-
#7b8dd6
#7b8dd6
rgb(123,141,214)
-
#8a9adb
#8a9adb
rgb(138,154,219)
-
#99a7e0
#99a7e0
rgb(153,167,224)
-
#a8b4e4
#a8b4e4
rgb(168,180,228)
-
#b7c1e9
#b7c1e9
rgb(183,193,233)
-
#c6ceed
#c6ceed
rgb(198,206,237)
-
#d5dbf2
#d5dbf2
rgb(213,219,242)
-
#e4e8f7
#e4e8f7
rgb(228,232,247)
-
#f3f5fb
#f3f5fb
rgb(243,245,251)
Tones of #344aa8
A tone is produced by adding gray to any pure hue. In this case, #676a75 is the less saturated color, while #012adb is the most saturated one.
-
#676a75
#676a75
rgb(103,106,117)
-
#5e647e
#5e647e
rgb(94,100,126)
-
#565f86
#565f86
rgb(86,95,134)
-
#4d5a8f
#4d5a8f
rgb(77,90,143)
-
#455597
#455597
rgb(69,85,151)
-
#3c4fa0
#3c4fa0
rgb(60,79,160)
-
#344aa8
#344aa8
rgb(52,74,168)
-
#2c45b0
#2c45b0
rgb(44,69,176)
-
#233fb9
#233fb9
rgb(35,63,185)
-
#1b3ac1
#1b3ac1
rgb(27,58,193)
-
#1235ca
#1235ca
rgb(18,53,202)
-
#0a30d2
#0a30d2
rgb(10,48,210)
-
#012adb
#012adb
rgb(1,42,219)
Color Blindness Simulator
Below, you can see how #344aa8 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.