#345a84 Color Information
In a RGB color space, hex #345a84 is composed of 20.4% red, 35.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 31.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 211.5 degrees, a saturation of 43.5% and a lightness of 36.1%. #345a84 color hex could be obtained by blending #68b4ff with #000009. Closest websafe color is: #336699.
-
- R 20
- G 35
- B 52
-
- C 61
- M 32
- Y 0
- K 48
● #345a84 color description : Dark moderate blue.
#345a84 Color Conversion
The hexadecimal color #345a84 has RGB values of R:52, G:90, B:132 and CMYK values of C:0.61, M:0.32, Y:0, K:0.48. Its decimal value is 3431044.
Hex triplet | 345a84 | #345a84 |
---|---|---|
RGB Decimal | 52, 90, 132 | rgb(52,90,132) |
RGB Percent | 20.4, 35.3, 51.8 | rgb(20.4%,35.3%,51.8%) |
CMYK | 61, 32, 0, 48 | |
HSL | 211.5°, 43.5, 36.1 | hsl(211.5,43.5%,36.1%) |
HSV (or HSB) | 211.5°, 60.6, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.313, 0.077, -27.564 |
---|---|
XYZ | 9.236, 9.708, 23.216 |
xyY | 0.219, 0.23, 9.708 |
CIE-LCH | 37.313, 27.564, 270.16 |
CIE-LUV | 37.313, -16.14, -38.398 |
Hunter-Lab | 31.157, -1.611, -22.367 |
Binary | 00110100, 01011010, 10000100 |
Color Schemes with #345a84
Alternatives to #345a84
Below, you can see some colors close to #345a84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a84 Preview
This text has a font color of #345a84.
<span style="color:#345a84;">Text here</span>
This paragraph has a background color of #345a84.
<p style="background-color:#345a84;">Content here</p>
This element has a border color of #345a84.
<div style="border:1px solid #345a84;">Content here</div>
.text {color:#345a84;}
.background {background-color:#345a84;}
.border {border:1px solid #345a84;}
Shades and Tints of #345a84
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)
-
#132030
#132030
rgb(19,32,48)
-
#182a3e
#182a3e
rgb(24,42,62)
-
#1e344c
#1e344c
rgb(30,52,76)
-
#233d5a
#233d5a
rgb(35,61,90)
-
#294768
#294768
rgb(41,71,104)
-
#2e5076
#2e5076
rgb(46,80,118)
-
#345a84
#345a84
rgb(52,90,132)
-
#3a6492
#3a6492
rgb(58,100,146)
-
#3f6da0
#3f6da0
rgb(63,109,160)
-
#4577ae
#4577ae
rgb(69,119,174)
-
#4d81b9
#4d81b9
rgb(77,129,185)
-
#5b8bbf
#5b8bbf
rgb(91,139,191)
-
#6a95c4
#6a95c4
rgb(106,149,196)
-
#789fca
#789fca
rgb(120,159,202)
-
#86a9cf
#86a9cf
rgb(134,169,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 #345a84
A tone is produced by adding gray to any pure hue. In this case, #575c61 is the less saturated color, while #0258b6 is the most saturated one.
-
#575c61
#575c61
rgb(87,92,97)
-
#505b68
#505b68
rgb(80,91,104)
-
#495b6f
#495b6f
rgb(73,91,111)
-
#425b76
#425b76
rgb(66,91,118)
-
#3b5a7d
#3b5a7d
rgb(59,90,125)
-
#345a84
#345a84
rgb(52,90,132)
-
#2d5a8b
#2d5a8b
rgb(45,90,139)
-
#265992
#265992
rgb(38,89,146)
-
#1f5999
#1f5999
rgb(31,89,153)
-
#1859a0
#1859a0
rgb(24,89,160)
-
#1158a7
#1158a7
rgb(17,88,167)
-
#0a58ae
#0a58ae
rgb(10,88,174)
-
#0258b6
#0258b6
rgb(2,88,182)
Color Blindness Simulator
Below, you can see how #345a84 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.