#345b84 Color Information
In a RGB color space, hex #345b84 is composed of 20.4% red, 35.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 31.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 210.8 degrees, a saturation of 43.5% and a lightness of 36.1%. #345b84 color hex could be obtained by blending #68b6ff with #000009. Closest websafe color is: #336699.
-
- R 20
- G 36
- B 52
-
- C 61
- M 31
- Y 0
- K 48
● #345b84 color description : Dark moderate blue.
#345b84 Color Conversion
The hexadecimal color #345b84 has RGB values of R:52, G:91, B:132 and CMYK values of C:0.61, M:0.31, Y:0, K:0.48. Its decimal value is 3431300.
Hex triplet | 345b84 | #345b84 |
---|---|---|
RGB Decimal | 52, 91, 132 | rgb(52,91,132) |
RGB Percent | 20.4, 35.7, 51.8 | rgb(20.4%,35.7%,51.8%) |
CMYK | 61, 31, 0, 48 | |
HSL | 210.8°, 43.5, 36.1 | hsl(210.8,43.5%,36.1%) |
HSV (or HSB) | 210.8°, 60.6, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.622, -0.553, -27.079 |
---|---|
XYZ | 9.321, 9.878, 23.244 |
xyY | 0.22, 0.233, 9.878 |
CIE-LCH | 37.622, 27.085, 268.83 |
CIE-LUV | 37.622, -16.505, -37.702 |
Hunter-Lab | 31.429, -2.06, -21.849 |
Binary | 00110100, 01011011, 10000100 |
Color Schemes with #345b84
Alternatives to #345b84
Below, you can see some colors close to #345b84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345b84 Preview
This text has a font color of #345b84.
<span style="color:#345b84;">Text here</span>
This paragraph has a background color of #345b84.
<p style="background-color:#345b84;">Content here</p>
This element has a border color of #345b84.
<div style="border:1px solid #345b84;">Content here</div>
.text {color:#345b84;}
.background {background-color:#345b84;}
.border {border:1px solid #345b84;}
Shades and Tints of #345b84
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, #020405 is the darkest color, while #f6f9fc is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#080d13
#080d13
rgb(8,13,19)
-
#0d1721
#0d1721
rgb(13,23,33)
-
#132130
#132130
rgb(19,33,48)
-
#182a3e
#182a3e
rgb(24,42,62)
-
#1e344c
#1e344c
rgb(30,52,76)
-
#233e5a
#233e5a
rgb(35,62,90)
-
#294868
#294868
rgb(41,72,104)
-
#2e5176
#2e5176
rgb(46,81,118)
-
#345b84
#345b84
rgb(52,91,132)
-
#3a6592
#3a6592
rgb(58,101,146)
-
#3f6ea0
#3f6ea0
rgb(63,110,160)
-
#4578ae
#4578ae
rgb(69,120,174)
-
#4d82b9
#4d82b9
rgb(77,130,185)
-
#5b8cbf
#5b8cbf
rgb(91,140,191)
-
#6a96c4
#6a96c4
rgb(106,150,196)
-
#78a0ca
#78a0ca
rgb(120,160,202)
-
#86aacf
#86aacf
rgb(134,170,207)
-
#94b3d5
#94b3d5
rgb(148,179,213)
-
#a2bdda
#a2bdda
rgb(162,189,218)
-
#b0c7e0
#b0c7e0
rgb(176,199,224)
-
#bed1e5
#bed1e5
rgb(190,209,229)
-
#ccdbeb
#ccdbeb
rgb(204,219,235)
-
#dae5f0
#dae5f0
rgb(218,229,240)
-
#e8eff6
#e8eff6
rgb(232,239,246)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #345b84
A tone is produced by adding gray to any pure hue. In this case, #575c61 is the less saturated color, while #025ab6 is the most saturated one.
-
#575c61
#575c61
rgb(87,92,97)
-
#505c68
#505c68
rgb(80,92,104)
-
#495c6f
#495c6f
rgb(73,92,111)
-
#425b76
#425b76
rgb(66,91,118)
-
#3b5b7d
#3b5b7d
rgb(59,91,125)
-
#345b84
#345b84
rgb(52,91,132)
-
#2d5b8b
#2d5b8b
rgb(45,91,139)
-
#265b92
#265b92
rgb(38,91,146)
-
#1f5a99
#1f5a99
rgb(31,90,153)
-
#185aa0
#185aa0
rgb(24,90,160)
-
#115aa7
#115aa7
rgb(17,90,167)
-
#0a5aae
#0a5aae
rgb(10,90,174)
-
#025ab6
#025ab6
rgb(2,90,182)
Color Blindness Simulator
Below, you can see how #345b84 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.