#345ea3 Color Information
In a RGB color space, hex #345ea3 is composed of 20.4% red, 36.9% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 42.3% magenta, 0% yellow and 36.1% black. It has a hue angle of 217.3 degrees, a saturation of 51.6% and a lightness of 42.2%. #345ea3 color hex could be obtained by blending #68bcff with #000047. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 64
-
- C 68
- M 42
- Y 0
- K 36
● #345ea3 color description : Dark moderate blue.
#345ea3 Color Conversion
The hexadecimal color #345ea3 has RGB values of R:52, G:94, B:163 and CMYK values of C:0.68, M:0.42, Y:0, K:0.36. Its decimal value is 3432099.
Hex triplet | 345ea3 | #345ea3 |
---|---|---|
RGB Decimal | 52, 94, 163 | rgb(52,94,163) |
RGB Percent | 20.4, 36.9, 63.9 | rgb(20.4%,36.9%,63.9%) |
CMYK | 68, 42, 0, 36 | |
HSL | 217.3°, 51.6, 42.2 | hsl(217.3,51.6%,42.2%) |
HSV (or HSB) | 217.3°, 68.1, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.212, 8.738, -41.649 |
---|---|
XYZ | 12.028, 11.379, 36.211 |
xyY | 0.202, 0.191, 11.379 |
CIE-LCH | 40.212, 42.556, 281.849 |
CIE-LUV | 40.212, -17.093, -61.071 |
Hunter-Lab | 33.733, 4.616, -40.032 |
Binary | 00110100, 01011110, 10100011 |
Color Schemes with #345ea3
Alternatives to #345ea3
Below, you can see some colors close to #345ea3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ea3 Preview
This text has a font color of #345ea3.
<span style="color:#345ea3;">Text here</span>
This paragraph has a background color of #345ea3.
<p style="background-color:#345ea3;">Content here</p>
This element has a border color of #345ea3.
<div style="border:1px solid #345ea3;">Content here</div>
.text {color:#345ea3;}
.background {background-color:#345ea3;}
.border {border:1px solid #345ea3;}
Shades and Tints of #345ea3
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, #05080e is the darkest color, while #feffff is the lightest one.
-
#05080e
#05080e
rgb(5,8,14)
-
#09111d
#09111d
rgb(9,17,29)
-
#0e192c
#0e192c
rgb(14,25,44)
-
#13223b
#13223b
rgb(19,34,59)
-
#182b4a
#182b4a
rgb(24,43,74)
-
#1c3359
#1c3359
rgb(28,51,89)
-
#213c68
#213c68
rgb(33,60,104)
-
#264476
#264476
rgb(38,68,118)
-
#2b4d85
#2b4d85
rgb(43,77,133)
-
#2f5594
#2f5594
rgb(47,85,148)
-
#345ea3
#345ea3
rgb(52,94,163)
-
#3967b2
#3967b2
rgb(57,103,178)
-
#3d6fc1
#3d6fc1
rgb(61,111,193)
-
#4c7ac6
#4c7ac6
rgb(76,122,198)
-
#5b85cb
#5b85cb
rgb(91,133,203)
-
#6a90cf
#6a90cf
rgb(106,144,207)
-
#799bd4
#799bd4
rgb(121,155,212)
-
#87a6d9
#87a6d9
rgb(135,166,217)
-
#96b1de
#96b1de
rgb(150,177,222)
-
#a5bce2
#a5bce2
rgb(165,188,226)
-
#b4c7e7
#b4c7e7
rgb(180,199,231)
-
#c3d2ec
#c3d2ec
rgb(195,210,236)
-
#d2ddf1
#d2ddf1
rgb(210,221,241)
-
#e1e8f5
#e1e8f5
rgb(225,232,245)
-
#f0f4fa
#f0f4fa
rgb(240,244,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #345ea3
A tone is produced by adding gray to any pure hue. In this case, #666a71 is the less saturated color, while #0252d5 is the most saturated one.
-
#666a71
#666a71
rgb(102,106,113)
-
#5d687a
#5d687a
rgb(93,104,122)
-
#556682
#556682
rgb(85,102,130)
-
#4d648a
#4d648a
rgb(77,100,138)
-
#456292
#456292
rgb(69,98,146)
-
#3c609b
#3c609b
rgb(60,96,155)
-
#345ea3
#345ea3
rgb(52,94,163)
-
#2c5cab
#2c5cab
rgb(44,92,171)
-
#235ab4
#235ab4
rgb(35,90,180)
-
#1b58bc
#1b58bc
rgb(27,88,188)
-
#1356c4
#1356c4
rgb(19,86,196)
-
#0b54cc
#0b54cc
rgb(11,84,204)
-
#0252d5
#0252d5
rgb(2,82,213)
Color Blindness Simulator
Below, you can see how #345ea3 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.