#344fa8 Color Information
In a RGB color space, hex #344fa8 is composed of 20.4% red, 31% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 53% magenta, 0% yellow and 34.1% black. It has a hue angle of 226 degrees, a saturation of 52.7% and a lightness of 43.1%. #344fa8 color hex could be obtained by blending #689eff with #000051. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 66
-
- C 69
- M 53
- Y 0
- K 34
● #344fa8 color description : Dark moderate blue.
#344fa8 Color Conversion
The hexadecimal color #344fa8 has RGB values of R:52, G:79, B:168 and CMYK values of C:0.69, M:0.53, Y:0, K:0.34. Its decimal value is 3428264.
Hex triplet | 344fa8 | #344fa8 |
---|---|---|
RGB Decimal | 52, 79, 168 | rgb(52,79,168) |
RGB Percent | 20.4, 31, 65.9 | rgb(20.4%,31%,65.9%) |
CMYK | 69, 53, 0, 34 | |
HSL | 226°, 52.7, 43.1 | hsl(226,52.7%,43.1%) |
HSV (or HSB) | 226°, 69, 65.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.269, 20.406, -50.958 |
---|---|
XYZ | 11.279, 9.148, 38.215 |
xyY | 0.192, 0.156, 9.148 |
CIE-LCH | 36.269, 54.892, 291.823 |
CIE-LUV | 36.269, -12.448, -73.293 |
Hunter-Lab | 30.246, 13.629, -53.738 |
Binary | 00110100, 01001111, 10101000 |
Color Schemes with #344fa8
Alternatives to #344fa8
Below, you can see some colors close to #344fa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344fa8 Preview
This text has a font color of #344fa8.
<span style="color:#344fa8;">Text here</span>
This paragraph has a background color of #344fa8.
<p style="background-color:#344fa8;">Content here</p>
This element has a border color of #344fa8.
<div style="border:1px solid #344fa8;">Content here</div>
.text {color:#344fa8;}
.background {background-color:#344fa8;}
.border {border:1px solid #344fa8;}
Shades and Tints of #344fa8
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, #010203 is the darkest color, while #f3f5fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060912
#060912
rgb(6,9,18)
-
#0a1021
#0a1021
rgb(10,16,33)
-
#0f1730
#0f1730
rgb(15,23,48)
-
#141e3f
#141e3f
rgb(20,30,63)
-
#18254e
#18254e
rgb(24,37,78)
-
#1d2c5d
#1d2c5d
rgb(29,44,93)
-
#21336c
#21336c
rgb(33,51,108)
-
#263a7b
#263a7b
rgb(38,58,123)
-
#2b418a
#2b418a
rgb(43,65,138)
-
#2f4899
#2f4899
rgb(47,72,153)
-
#344fa8
#344fa8
rgb(52,79,168)
-
#3956b7
#3956b7
rgb(57,86,183)
-
#405ec4
#405ec4
rgb(64,94,196)
-
#4e6bc8
#4e6bc8
rgb(78,107,200)
-
#5d77cd
#5d77cd
rgb(93,119,205)
-
#6c84d2
#6c84d2
rgb(108,132,210)
-
#7b91d6
#7b91d6
rgb(123,145,214)
-
#8a9ddb
#8a9ddb
rgb(138,157,219)
-
#99aae0
#99aae0
rgb(153,170,224)
-
#a8b6e4
#a8b6e4
rgb(168,182,228)
-
#b7c3e9
#b7c3e9
rgb(183,195,233)
-
#c6cfed
#c6cfed
rgb(198,207,237)
-
#d5dcf2
#d5dcf2
rgb(213,220,242)
-
#e4e9f7
#e4e9f7
rgb(228,233,247)
-
#f3f5fb
#f3f5fb
rgb(243,245,251)
Tones of #344fa8
A tone is produced by adding gray to any pure hue. In this case, #676a75 is the less saturated color, while #0134db is the most saturated one.
-
#676a75
#676a75
rgb(103,106,117)
-
#5e667e
#5e667e
rgb(94,102,126)
-
#566186
#566186
rgb(86,97,134)
-
#4d5d8f
#4d5d8f
rgb(77,93,143)
-
#455897
#455897
rgb(69,88,151)
-
#3c54a0
#3c54a0
rgb(60,84,160)
-
#344fa8
#344fa8
rgb(52,79,168)
-
#2c4ab0
#2c4ab0
rgb(44,74,176)
-
#2346b9
#2346b9
rgb(35,70,185)
-
#1b41c1
#1b41c1
rgb(27,65,193)
-
#123dca
#123dca
rgb(18,61,202)
-
#0a38d2
#0a38d2
rgb(10,56,210)
-
#0134db
#0134db
rgb(1,52,219)
Color Blindness Simulator
Below, you can see how #344fa8 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.