#344f97 Color Information
In a RGB color space, hex #344f97 is composed of 20.4% red, 31% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 47.7% magenta, 0% yellow and 40.8% black. It has a hue angle of 223.6 degrees, a saturation of 48.8% and a lightness of 39.8%. #344f97 color hex could be obtained by blending #689eff with #00002f. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 59
-
- C 66
- M 48
- Y 0
- K 41
● #344f97 color description : Dark moderate blue.
#344f97 Color Conversion
The hexadecimal color #344f97 has RGB values of R:52, G:79, B:151 and CMYK values of C:0.66, M:0.48, Y:0, K:0.41. Its decimal value is 3428247.
Hex triplet | 344f97 | #344f97 |
---|---|---|
RGB Decimal | 52, 79, 151 | rgb(52,79,151) |
RGB Percent | 20.4, 31, 59.2 | rgb(20.4%,31%,59.2%) |
CMYK | 66, 48, 0, 41 | |
HSL | 223.6°, 48.8, 39.8 | hsl(223.6,48.8%,39.8%) |
HSV (or HSB) | 223.6°, 65.6, 59.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 35.115, 14.112, -42.606 |
---|---|
XYZ | 9.797, 8.556, 30.412 |
xyY | 0.201, 0.175, 8.556 |
CIE-LCH | 35.115, 44.882, 288.326 |
CIE-LUV | 35.115, -12.321, -60.541 |
Hunter-Lab | 29.25, 8.597, -41.169 |
Binary | 00110100, 01001111, 10010111 |
Color Schemes with #344f97
Alternatives to #344f97
Below, you can see some colors close to #344f97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f97 Preview
This text has a font color of #344f97.
<span style="color:#344f97;">Text here</span>
This paragraph has a background color of #344f97.
<p style="background-color:#344f97;">Content here</p>
This element has a border color of #344f97.
<div style="border:1px solid #344f97;">Content here</div>
.text {color:#344f97;}
.background {background-color:#344f97;}
.border {border:1px solid #344f97;}
Shades and Tints of #344f97
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, #020305 is the darkest color, while #f6f7fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070a14
#070a14
rgb(7,10,20)
-
#0c1222
#0c1222
rgb(12,18,34)
-
#111a31
#111a31
rgb(17,26,49)
-
#16213f
#16213f
rgb(22,33,63)
-
#1b294e
#1b294e
rgb(27,41,78)
-
#20305d
#20305d
rgb(32,48,93)
-
#25386b
#25386b
rgb(37,56,107)
-
#2a407a
#2a407a
rgb(42,64,122)
-
#2f4788
#2f4788
rgb(47,71,136)
-
#344f97
#344f97
rgb(52,79,151)
-
#3957a6
#3957a6
rgb(57,87,166)
-
#3e5eb4
#3e5eb4
rgb(62,94,180)
-
#4667bf
#4667bf
rgb(70,103,191)
-
#5573c4
#5573c4
rgb(85,115,196)
-
#647fc9
#647fc9
rgb(100,127,201)
-
#728bcf
#728bcf
rgb(114,139,207)
-
#8197d4
#8197d4
rgb(129,151,212)
-
#8fa3d9
#8fa3d9
rgb(143,163,217)
-
#9eafde
#9eafde
rgb(158,175,222)
-
#adbbe3
#adbbe3
rgb(173,187,227)
-
#bbc7e8
#bbc7e8
rgb(187,199,232)
-
#cad3ed
#cad3ed
rgb(202,211,237)
-
#d8dff2
#d8dff2
rgb(216,223,242)
-
#e7ebf7
#e7ebf7
rgb(231,235,247)
-
#f6f7fc
#f6f7fc
rgb(246,247,252)
Tones of #344f97
A tone is produced by adding gray to any pure hue. In this case, #636468 is the less saturated color, while #053ac6 is the most saturated one.
-
#636468
#636468
rgb(99,100,104)
-
#5b6170
#5b6170
rgb(91,97,112)
-
#535d78
#535d78
rgb(83,93,120)
-
#4b5a80
#4b5a80
rgb(75,90,128)
-
#445687
#445687
rgb(68,86,135)
-
#3c538f
#3c538f
rgb(60,83,143)
-
#344f97
#344f97
rgb(52,79,151)
-
#2c4b9f
#2c4b9f
rgb(44,75,159)
-
#2448a7
#2448a7
rgb(36,72,167)
-
#1d44ae
#1d44ae
rgb(29,68,174)
-
#1541b6
#1541b6
rgb(21,65,182)
-
#0d3dbe
#0d3dbe
rgb(13,61,190)
-
#053ac6
#053ac6
rgb(5,58,198)
Color Blindness Simulator
Below, you can see how #344f97 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.