#345bf3 Color Information
In a RGB color space, hex #345bf3 is composed of 20.4% red, 35.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 62.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 227.7 degrees, a saturation of 88.8% and a lightness of 57.8%. #345bf3 color hex could be obtained by blending #68b6ff with #0000e7. Closest websafe color is: #3366ff.
-
- R 20
- G 36
- B 95
-
- C 79
- M 63
- Y 0
- K 5
● #345bf3 color description : Bright blue.
#345bf3 Color Conversion
The hexadecimal color #345bf3 has RGB values of R:52, G:91, B:243 and CMYK values of C:0.79, M:0.63, Y:0, K:0.05. Its decimal value is 3431411.
Hex triplet | 345bf3 | #345bf3 |
---|---|---|
RGB Decimal | 52, 91, 243 | rgb(52,91,243) |
RGB Percent | 20.4, 35.7, 95.3 | rgb(20.4%,35.7%,95.3%) |
CMYK | 79, 63, 0, 5 | |
HSL | 227.7°, 88.8, 57.8 | hsl(227.7,88.8%,57.8%) |
HSV (or HSB) | 227.7°, 78.6, 95.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.195, 40.081, -79.722 |
---|---|
XYZ | 21.332, 14.682, 86.499 |
xyY | 0.174, 0.12, 14.682 |
CIE-LCH | 45.195, 89.231, 296.692 |
CIE-LUV | 45.195, -16.185, -120.222 |
Hunter-Lab | 38.317, 32.319, -107.023 |
Binary | 00110100, 01011011, 11110011 |
Color Schemes with #345bf3
Alternatives to #345bf3
Below, you can see some colors close to #345bf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345bf3 Preview
This text has a font color of #345bf3.
<span style="color:#345bf3;">Text here</span>
This paragraph has a background color of #345bf3.
<p style="background-color:#345bf3;">Content here</p>
This element has a border color of #345bf3.
<div style="border:1px solid #345bf3;">Content here</div>
.text {color:#345bf3;}
.background {background-color:#345bf3;}
.border {border:1px solid #345bf3;}
Shades and Tints of #345bf3
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, #000001 is the darkest color, while #edf1fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010513
#010513
rgb(1,5,19)
-
#020926
#020926
rgb(2,9,38)
-
#030e38
#030e38
rgb(3,14,56)
-
#04134b
#04134b
rgb(4,19,75)
-
#06175d
#06175d
rgb(6,23,93)
-
#071c70
#071c70
rgb(7,28,112)
-
#082182
#082182
rgb(8,33,130)
-
#092595
#092595
rgb(9,37,149)
-
#0a2aa7
#0a2aa7
rgb(10,42,167)
-
#0b2fba
#0b2fba
rgb(11,47,186)
-
#0c33cc
#0c33cc
rgb(12,51,204)
-
#0d38df
#0d38df
rgb(13,56,223)
-
#0f3df1
#0f3df1
rgb(15,61,241)
-
#214cf2
#214cf2
rgb(33,76,242)
-
#345bf3
#345bf3
rgb(52,91,243)
-
#476af4
#476af4
rgb(71,106,244)
-
#5979f5
#5979f5
rgb(89,121,245)
-
#6c88f6
#6c88f6
rgb(108,136,246)
-
#7e97f7
#7e97f7
rgb(126,151,247)
-
#91a6f8
#91a6f8
rgb(145,166,248)
-
#a3b5fa
#a3b5fa
rgb(163,181,250)
-
#b6c4fb
#b6c4fb
rgb(182,196,251)
-
#c8d3fc
#c8d3fc
rgb(200,211,252)
-
#dbe2fd
#dbe2fd
rgb(219,226,253)
-
#edf1fe
#edf1fe
rgb(237,241,254)
Tones of #345bf3
A tone is produced by adding gray to any pure hue. In this case, #8f9198 is the less saturated color, while #2c56fb is the most saturated one.
-
#8f9198
#8f9198
rgb(143,145,152)
-
#878ca0
#878ca0
rgb(135,140,160)
-
#7e87a9
#7e87a9
rgb(126,135,169)
-
#7682b1
#7682b1
rgb(118,130,177)
-
#6e7db9
#6e7db9
rgb(110,125,185)
-
#6678c1
#6678c1
rgb(102,120,193)
-
#5d73ca
#5d73ca
rgb(93,115,202)
-
#556fd2
#556fd2
rgb(85,111,210)
-
#4d6ada
#4d6ada
rgb(77,106,218)
-
#4565e2
#4565e2
rgb(69,101,226)
-
#3c60eb
#3c60eb
rgb(60,96,235)
-
#345bf3
#345bf3
rgb(52,91,243)
-
#2c56fb
#2c56fb
rgb(44,86,251)
Color Blindness Simulator
Below, you can see how #345bf3 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.