#345fbc Color Information
In a RGB color space, hex #345fbc is composed of 20.4% red, 37.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 49.5% magenta, 0% yellow and 26.3% black. It has a hue angle of 221 degrees, a saturation of 56.7% and a lightness of 47.1%. #345fbc color hex could be obtained by blending #68beff with #000079. Closest websafe color is: #3366cc.
-
- R 20
- G 37
- B 74
-
- C 72
- M 49
- Y 0
- K 26
● #345fbc color description : Moderate blue.
#345fbc Color Conversion
The hexadecimal color #345fbc has RGB values of R:52, G:95, B:188 and CMYK values of C:0.72, M:0.49, Y:0, K:0.26. Its decimal value is 3432380.
Hex triplet | 345fbc | #345fbc |
---|---|---|
RGB Decimal | 52, 95, 188 | rgb(52,95,188) |
RGB Percent | 20.4, 37.3, 73.7 | rgb(20.4%,37.3%,73.7%) |
CMYK | 72, 49, 0, 26 | |
HSL | 221°, 56.7, 47.1 | hsl(221,56.7%,47.1%) |
HSV (or HSB) | 221°, 72.3, 73.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.068, 17.382, -53.383 |
---|---|
XYZ | 14.584, 12.544, 49.227 |
xyY | 0.191, 0.164, 12.544 |
CIE-LCH | 42.068, 56.141, 288.036 |
CIE-LUV | 42.068, -17.159, -79.935 |
Hunter-Lab | 35.418, 11.517, -57.614 |
Binary | 00110100, 01011111, 10111100 |
Color Schemes with #345fbc
Alternatives to #345fbc
Below, you can see some colors close to #345fbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345fbc Preview
This text has a font color of #345fbc.
<span style="color:#345fbc;">Text here</span>
This paragraph has a background color of #345fbc.
<p style="background-color:#345fbc;">Content here</p>
This element has a border color of #345fbc.
<div style="border:1px solid #345fbc;">Content here</div>
.text {color:#345fbc;}
.background {background-color:#345fbc;}
.border {border:1px solid #345fbc;}
Shades and Tints of #345fbc
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, #010204 is the darkest color, while #f3f6fc is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#050a13
#050a13
rgb(5,10,19)
-
#091122
#091122
rgb(9,17,34)
-
#0e1932
#0e1932
rgb(14,25,50)
-
#122141
#122141
rgb(18,33,65)
-
#162950
#162950
rgb(22,41,80)
-
#1b3060
#1b3060
rgb(27,48,96)
-
#1f386f
#1f386f
rgb(31,56,111)
-
#23407f
#23407f
rgb(35,64,127)
-
#27488e
#27488e
rgb(39,72,142)
-
#2c4f9d
#2c4f9d
rgb(44,79,157)
-
#3057ad
#3057ad
rgb(48,87,173)
-
#345fbc
#345fbc
rgb(52,95,188)
-
#3b68c9
#3b68c9
rgb(59,104,201)
-
#4a74cd
#4a74cd
rgb(74,116,205)
-
#5a7fd1
#5a7fd1
rgb(90,127,209)
-
#698bd6
#698bd6
rgb(105,139,214)
-
#7897da
#7897da
rgb(120,151,218)
-
#88a3de
#88a3de
rgb(136,163,222)
-
#97afe2
#97afe2
rgb(151,175,226)
-
#a6bbe7
#a6bbe7
rgb(166,187,231)
-
#b6c7eb
#b6c7eb
rgb(182,199,235)
-
#c5d2ef
#c5d2ef
rgb(197,210,239)
-
#d5def3
#d5def3
rgb(213,222,243)
-
#e4eaf8
#e4eaf8
rgb(228,234,248)
-
#f3f6fc
#f3f6fc
rgb(243,246,252)
Tones of #345fbc
A tone is produced by adding gray to any pure hue. In this case, #75777b is the less saturated color, while #064eea is the most saturated one.
-
#75777b
#75777b
rgb(117,119,123)
-
#6b7385
#6b7385
rgb(107,115,133)
-
#62708e
#62708e
rgb(98,112,142)
-
#596d97
#596d97
rgb(89,109,151)
-
#5069a0
#5069a0
rgb(80,105,160)
-
#4666aa
#4666aa
rgb(70,102,170)
-
#3d62b3
#3d62b3
rgb(61,98,179)
-
#345fbc
#345fbc
rgb(52,95,188)
-
#2b5cc5
#2b5cc5
rgb(43,92,197)
-
#2258ce
#2258ce
rgb(34,88,206)
-
#1855d8
#1855d8
rgb(24,85,216)
-
#0f51e1
#0f51e1
rgb(15,81,225)
-
#064eea
#064eea
rgb(6,78,234)
Color Blindness Simulator
Below, you can see how #345fbc 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.