#345fb3 Color Information
In a RGB color space, hex #345fb3 is composed of 20.4% red, 37.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 46.9% magenta, 0% yellow and 29.8% black. It has a hue angle of 219.7 degrees, a saturation of 55% and a lightness of 45.3%. #345fb3 color hex could be obtained by blending #68beff with #000067. Closest websafe color is: #3366cc.
-
- R 20
- G 37
- B 70
-
- C 71
- M 47
- Y 0
- K 30
● #345fb3 color description : Moderate blue.
#345fb3 Color Conversion
The hexadecimal color #345fb3 has RGB values of R:52, G:95, B:179 and CMYK values of C:0.71, M:0.47, Y:0, K:0.3. Its decimal value is 3432371.
Hex triplet | 345fb3 | #345fb3 |
---|---|---|
RGB Decimal | 52, 95, 179 | rgb(52,95,179) |
RGB Percent | 20.4, 37.3, 70.2 | rgb(20.4%,37.3%,70.2%) |
CMYK | 71, 47, 0, 30 | |
HSL | 219.7°, 55, 45.3 | hsl(219.7,55%,45.3%) |
HSV (or HSB) | 219.7°, 70.9, 70.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 41.482, 14.028, -49.064 |
---|---|
XYZ | 13.643, 12.168, 44.275 |
xyY | 0.195, 0.174, 12.168 |
CIE-LCH | 41.482, 51.03, 285.956 |
CIE-LUV | 41.482, -17.235, -73.049 |
Hunter-Lab | 34.883, 8.769, -50.835 |
Binary | 00110100, 01011111, 10110011 |
Color Schemes with #345fb3
Alternatives to #345fb3
Below, you can see some colors close to #345fb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345fb3 Preview
This text has a font color of #345fb3.
<span style="color:#345fb3;">Text here</span>
This paragraph has a background color of #345fb3.
<p style="background-color:#345fb3;">Content here</p>
This element has a border color of #345fb3.
<div style="border:1px solid #345fb3;">Content here</div>
.text {color:#345fb3;}
.background {background-color:#345fb3;}
.border {border:1px solid #345fb3;}
Shades and Tints of #345fb3
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, #03060c is the darkest color, while #fcfcfe is the lightest one.
-
#03060c
#03060c
rgb(3,6,12)
-
#080e1b
#080e1b
rgb(8,14,27)
-
#0c162a
#0c162a
rgb(12,22,42)
-
#111e39
#111e39
rgb(17,30,57)
-
#152749
#152749
rgb(21,39,73)
-
#1a2f58
#1a2f58
rgb(26,47,88)
-
#1e3767
#1e3767
rgb(30,55,103)
-
#223f76
#223f76
rgb(34,63,118)
-
#274785
#274785
rgb(39,71,133)
-
#2b4f95
#2b4f95
rgb(43,79,149)
-
#3057a4
#3057a4
rgb(48,87,164)
-
#345fb3
#345fb3
rgb(52,95,179)
-
#3867c2
#3867c2
rgb(56,103,194)
-
#4572c9
#4572c9
rgb(69,114,201)
-
#547dcd
#547dcd
rgb(84,125,205)
-
#6489d2
#6489d2
rgb(100,137,210)
-
#7394d6
#7394d6
rgb(115,148,214)
-
#82a0db
#82a0db
rgb(130,160,219)
-
#91acdf
#91acdf
rgb(145,172,223)
-
#a0b7e4
#a0b7e4
rgb(160,183,228)
-
#b0c3e8
#b0c3e8
rgb(176,195,232)
-
#bfceec
#bfceec
rgb(191,206,236)
-
#cedaf1
#cedaf1
rgb(206,218,241)
-
#dde5f5
#dde5f5
rgb(221,229,245)
-
#ecf1fa
#ecf1fa
rgb(236,241,250)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #345fb3
A tone is produced by adding gray to any pure hue. In this case, #727375 is the less saturated color, while #0851df is the most saturated one.
-
#727375
#727375
rgb(114,115,117)
-
#69707e
#69707e
rgb(105,112,126)
-
#606d87
#606d87
rgb(96,109,135)
-
#586a8f
#586a8f
rgb(88,106,143)
-
#4f6898
#4f6898
rgb(79,104,152)
-
#4665a1
#4665a1
rgb(70,101,161)
-
#3d62aa
#3d62aa
rgb(61,98,170)
-
#345fb3
#345fb3
rgb(52,95,179)
-
#2b5cbc
#2b5cbc
rgb(43,92,188)
-
#2259c5
#2259c5
rgb(34,89,197)
-
#1956ce
#1956ce
rgb(25,86,206)
-
#1054d7
#1054d7
rgb(16,84,215)
-
#0851df
#0851df
rgb(8,81,223)
Color Blindness Simulator
Below, you can see how #345fb3 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.