#345fa1 Color Information
In a RGB color space, hex #345fa1 is composed of 20.4% red, 37.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 41% magenta, 0% yellow and 36.9% black. It has a hue angle of 216.3 degrees, a saturation of 51.2% and a lightness of 41.8%. #345fa1 color hex could be obtained by blending #68beff with #000043. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 63
-
- C 68
- M 41
- Y 0
- K 37
● #345fa1 color description : Dark moderate blue.
#345fa1 Color Conversion
The hexadecimal color #345fa1 has RGB values of R:52, G:95, B:161 and CMYK values of C:0.68, M:0.41, Y:0, K:0.37. Its decimal value is 3432353.
Hex triplet | 345fa1 | #345fa1 |
---|---|---|
RGB Decimal | 52, 95, 161 | rgb(52,95,161) |
RGB Percent | 20.4, 37.3, 63.1 | rgb(20.4%,37.3%,63.1%) |
CMYK | 68, 41, 0, 37 | |
HSL | 216.3°, 51.2, 41.8 | hsl(216.3,51.2%,41.8%) |
HSV (or HSB) | 216.3°, 67.7, 63.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.389, 7.359, -40.178 |
---|---|
XYZ | 11.94, 11.487, 35.304 |
xyY | 0.203, 0.196, 11.487 |
CIE-LCH | 40.389, 40.846, 280.379 |
CIE-LUV | 40.389, -17.452, -58.826 |
Hunter-Lab | 33.892, 3.572, -38.035 |
Binary | 00110100, 01011111, 10100001 |
Color Schemes with #345fa1
Alternatives to #345fa1
Below, you can see some colors close to #345fa1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345fa1 Preview
This text has a font color of #345fa1.
<span style="color:#345fa1;">Text here</span>
This paragraph has a background color of #345fa1.
<p style="background-color:#345fa1;">Content here</p>
This element has a border color of #345fa1.
<div style="border:1px solid #345fa1;">Content here</div>
.text {color:#345fa1;}
.background {background-color:#345fa1;}
.border {border:1px solid #345fa1;}
Shades and Tints of #345fa1
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, #04080d is the darkest color, while #fdfdfe is the lightest one.
-
#04080d
#04080d
rgb(4,8,13)
-
#09101c
#09101c
rgb(9,16,28)
-
#0e192a
#0e192a
rgb(14,25,42)
-
#122239
#122239
rgb(18,34,57)
-
#172b48
#172b48
rgb(23,43,72)
-
#1c3357
#1c3357
rgb(28,51,87)
-
#213c66
#213c66
rgb(33,60,102)
-
#264575
#264575
rgb(38,69,117)
-
#2a4e83
#2a4e83
rgb(42,78,131)
-
#2f5692
#2f5692
rgb(47,86,146)
-
#345fa1
#345fa1
rgb(52,95,161)
-
#3968b0
#3968b0
rgb(57,104,176)
-
#3e70bf
#3e70bf
rgb(62,112,191)
-
#4b7bc5
#4b7bc5
rgb(75,123,197)
-
#5a86ca
#5a86ca
rgb(90,134,202)
-
#6991ce
#6991ce
rgb(105,145,206)
-
#779cd3
#779cd3
rgb(119,156,211)
-
#86a7d8
#86a7d8
rgb(134,167,216)
-
#95b1dd
#95b1dd
rgb(149,177,221)
-
#a4bce2
#a4bce2
rgb(164,188,226)
-
#b3c7e6
#b3c7e6
rgb(179,199,230)
-
#c2d2eb
#c2d2eb
rgb(194,210,235)
-
#d0ddf0
#d0ddf0
rgb(208,221,240)
-
#dfe8f5
#dfe8f5
rgb(223,232,245)
-
#eef3fa
#eef3fa
rgb(238,243,250)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #345fa1
A tone is produced by adding gray to any pure hue. In this case, #656970 is the less saturated color, while #0355d2 is the most saturated one.
-
#656970
#656970
rgb(101,105,112)
-
#5d6878
#5d6878
rgb(93,104,120)
-
#556680
#556680
rgb(85,102,128)
-
#4d6488
#4d6488
rgb(77,100,136)
-
#446291
#446291
rgb(68,98,145)
-
#3c6199
#3c6199
rgb(60,97,153)
-
#345fa1
#345fa1
rgb(52,95,161)
-
#2c5da9
#2c5da9
rgb(44,93,169)
-
#245cb1
#245cb1
rgb(36,92,177)
-
#1b5aba
#1b5aba
rgb(27,90,186)
-
#1358c2
#1358c2
rgb(19,88,194)
-
#0b56ca
#0b56ca
rgb(11,86,202)
-
#0355d2
#0355d2
rgb(3,85,210)
Color Blindness Simulator
Below, you can see how #345fa1 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.