#345bd4 Color Information
In a RGB color space, hex #345bd4 is composed of 20.4% red, 35.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 57.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 225.4 degrees, a saturation of 65% and a lightness of 51.8%. #345bd4 color hex could be obtained by blending #68b6ff with #0000a9. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 83
-
- C 75
- M 57
- Y 0
- K 17
● #345bd4 color description : Strong blue.
#345bd4 Color Conversion
The hexadecimal color #345bd4 has RGB values of R:52, G:91, B:212 and CMYK values of C:0.75, M:0.57, Y:0, K:0.17. Its decimal value is 3431380.
Hex triplet | 345bd4 | #345bd4 |
---|---|---|
RGB Decimal | 52, 91, 212 | rgb(52,91,212) |
RGB Percent | 20.4, 35.7, 83.1 | rgb(20.4%,35.7%,83.1%) |
CMYK | 75, 57, 0, 17 | |
HSL | 225.4°, 65, 51.8 | hsl(225.4,65%,51.8%) |
HSV (or HSB) | 225.4°, 75.5, 83.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.71, 28.866, -66.213 |
---|---|
XYZ | 17.038, 12.965, 63.888 |
xyY | 0.181, 0.138, 12.965 |
CIE-LCH | 42.71, 72.231, 293.555 |
CIE-LUV | 42.71, -15.988, -99.346 |
Hunter-Lab | 36.006, 21.457, -79.998 |
Binary | 00110100, 01011011, 11010100 |
Color Schemes with #345bd4
Alternatives to #345bd4
Below, you can see some colors close to #345bd4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345bd4 Preview
This text has a font color of #345bd4.
<span style="color:#345bd4;">Text here</span>
This paragraph has a background color of #345bd4.
<p style="background-color:#345bd4;">Content here</p>
This element has a border color of #345bd4.
<div style="border:1px solid #345bd4;">Content here</div>
.text {color:#345bd4;}
.background {background-color:#345bd4;}
.border {border:1px solid #345bd4;}
Shades and Tints of #345bd4
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, #020307 is the darkest color, while #f6f8fd is the lightest one.
-
#020307
#020307
rgb(2,3,7)
-
#050a18
#050a18
rgb(5,10,24)
-
#081028
#081028
rgb(8,16,40)
-
#0c1738
#0c1738
rgb(12,23,56)
-
#0f1d48
#0f1d48
rgb(15,29,72)
-
#132458
#132458
rgb(19,36,88)
-
#162a69
#162a69
rgb(22,42,105)
-
#1a3179
#1a3179
rgb(26,49,121)
-
#1d3789
#1d3789
rgb(29,55,137)
-
#203e99
#203e99
rgb(32,62,153)
-
#2444a9
#2444a9
rgb(36,68,169)
-
#274bb9
#274bb9
rgb(39,75,185)
-
#2b51ca
#2b51ca
rgb(43,81,202)
-
#345bd4
#345bd4
rgb(52,91,212)
-
#4468d7
#4468d7
rgb(68,104,215)
-
#5475db
#5475db
rgb(84,117,219)
-
#6582de
#6582de
rgb(101,130,222)
-
#758fe2
#758fe2
rgb(117,143,226)
-
#859ce5
#859ce5
rgb(133,156,229)
-
#95a9e9
#95a9e9
rgb(149,169,233)
-
#a5b7ec
#a5b7ec
rgb(165,183,236)
-
#b5c4ef
#b5c4ef
rgb(181,196,239)
-
#c6d1f3
#c6d1f3
rgb(198,209,243)
-
#d6def6
#d6def6
rgb(214,222,246)
-
#e6ebfa
#e6ebfa
rgb(230,235,250)
-
#f6f8fd
#f6f8fd
rgb(246,248,253)
Tones of #345bd4
A tone is produced by adding gray to any pure hue. In this case, #808288 is the less saturated color, while #0e48fa is the most saturated one.
-
#808288
#808288
rgb(128,130,136)
-
#767d92
#767d92
rgb(118,125,146)
-
#6d789b
#6d789b
rgb(109,120,155)
-
#6373a5
#6373a5
rgb(99,115,165)
-
#5a6eae
#5a6eae
rgb(90,110,174)
-
#506ab8
#506ab8
rgb(80,106,184)
-
#4765c1
#4765c1
rgb(71,101,193)
-
#3d60cb
#3d60cb
rgb(61,96,203)
-
#345bd4
#345bd4
rgb(52,91,212)
-
#2b56dd
#2b56dd
rgb(43,86,221)
-
#2151e7
#2151e7
rgb(33,81,231)
-
#184cf0
#184cf0
rgb(24,76,240)
-
#0e48fa
#0e48fa
rgb(14,72,250)
Color Blindness Simulator
Below, you can see how #345bd4 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.