#345b8f Color Information
In a RGB color space, hex #345b8f is composed of 20.4% red, 35.7% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 36.4% magenta, 0% yellow and 43.9% black. It has a hue angle of 214.3 degrees, a saturation of 46.7% and a lightness of 38.2%. #345b8f color hex could be obtained by blending #68b6ff with #00001f. Closest websafe color is: #336699.
-
- R 20
- G 36
- B 56
-
- C 64
- M 36
- Y 0
- K 44
● #345b8f color description : Dark moderate blue.
#345b8f Color Conversion
The hexadecimal color #345b8f has RGB values of R:52, G:91, B:143 and CMYK values of C:0.64, M:0.36, Y:0, K:0.44. Its decimal value is 3431311.
Hex triplet | 345b8f | #345b8f |
---|---|---|
RGB Decimal | 52, 91, 143 | rgb(52,91,143) |
RGB Percent | 20.4, 35.7, 56.1 | rgb(20.4%,35.7%,56.1%) |
CMYK | 64, 36, 0, 44 | |
HSL | 214.3°, 46.7, 38.2 | hsl(214.3,46.7%,38.2%) |
HSV (or HSB) | 214.3°, 63.6, 56.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.19, 3.36, -32.868 |
---|---|
XYZ | 10.114, 10.195, 27.42 |
xyY | 0.212, 0.214, 10.195 |
CIE-LCH | 38.19, 33.039, 275.837 |
CIE-LUV | 38.19, -16.339, -46.81 |
Hunter-Lab | 31.929, 0.666, -28.566 |
Binary | 00110100, 01011011, 10001111 |
Color Schemes with #345b8f
Alternatives to #345b8f
Below, you can see some colors close to #345b8f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345b8f Preview
This text has a font color of #345b8f.
<span style="color:#345b8f;">Text here</span>
This paragraph has a background color of #345b8f.
<p style="background-color:#345b8f;">Content here</p>
This element has a border color of #345b8f.
<div style="border:1px solid #345b8f;">Content here</div>
.text {color:#345b8f;}
.background {background-color:#345b8f;}
.border {border:1px solid #345b8f;}
Shades and Tints of #345b8f
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, #05090e is the darkest color, while #fefeff is the lightest one.
-
#05090e
#05090e
rgb(5,9,14)
-
#0a121c
#0a121c
rgb(10,18,28)
-
#0f1b2a
#0f1b2a
rgb(15,27,42)
-
#152439
#152439
rgb(21,36,57)
-
#1a2d47
#1a2d47
rgb(26,45,71)
-
#1f3655
#1f3655
rgb(31,54,85)
-
#244064
#244064
rgb(36,64,100)
-
#2a4972
#2a4972
rgb(42,73,114)
-
#2f5281
#2f5281
rgb(47,82,129)
-
#345b8f
#345b8f
rgb(52,91,143)
-
#39649d
#39649d
rgb(57,100,157)
-
#3e6dac
#3e6dac
rgb(62,109,172)
-
#4476ba
#4476ba
rgb(68,118,186)
-
#5281c0
#5281c0
rgb(82,129,192)
-
#608bc5
#608bc5
rgb(96,139,197)
-
#6e96ca
#6e96ca
rgb(110,150,202)
-
#7da0d0
#7da0d0
rgb(125,160,208)
-
#8babd5
#8babd5
rgb(139,171,213)
-
#99b5da
#99b5da
rgb(153,181,218)
-
#a8c0df
#a8c0df
rgb(168,192,223)
-
#b6cae5
#b6cae5
rgb(182,202,229)
-
#c5d5ea
#c5d5ea
rgb(197,213,234)
-
#d3dfef
#d3dfef
rgb(211,223,239)
-
#e1e9f4
#e1e9f4
rgb(225,233,244)
-
#f0f4f9
#f0f4f9
rgb(240,244,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #345b8f
A tone is produced by adding gray to any pure hue. In this case, #616162 is the less saturated color, while #0755bc is the most saturated one.
-
#616162
#616162
rgb(97,97,98)
-
#5a606a
#5a606a
rgb(90,96,106)
-
#525f71
#525f71
rgb(82,95,113)
-
#4b5e79
#4b5e79
rgb(75,94,121)
-
#435d80
#435d80
rgb(67,93,128)
-
#3c5c88
#3c5c88
rgb(60,92,136)
-
#345b8f
#345b8f
rgb(52,91,143)
-
#2d5a97
#2d5a97
rgb(45,90,151)
-
#25599e
#25599e
rgb(37,89,158)
-
#1e58a6
#1e58a6
rgb(30,88,166)
-
#1657ad
#1657ad
rgb(22,87,173)
-
#0f56b5
#0f56b5
rgb(15,86,181)
-
#0755bc
#0755bc
rgb(7,85,188)
Color Blindness Simulator
Below, you can see how #345b8f 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.