#345f7b Color Information
In a RGB color space, hex #345f7b is composed of 20.4% red, 37.3% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 22.8% magenta, 0% yellow and 51.8% black. It has a hue angle of 203.7 degrees, a saturation of 40.6% and a lightness of 34.3%. #345f7b color hex could be obtained by blending #68bef6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 37
- B 48
-
- C 58
- M 23
- Y 0
- K 52
● #345f7b color description : Dark moderate blue.
#345f7b Color Conversion
The hexadecimal color #345f7b has RGB values of R:52, G:95, B:123 and CMYK values of C:0.58, M:0.23, Y:0, K:0.52. Its decimal value is 3432315.
Hex triplet | 345f7b | #345f7b |
---|---|---|
RGB Decimal | 52, 95, 123 | rgb(52,95,123) |
RGB Percent | 20.4, 37.3, 48.2 | rgb(20.4%,37.3%,48.2%) |
CMYK | 58, 23, 0, 52 | |
HSL | 203.7°, 40.6, 34.3 | hsl(203.7,40.6%,34.3%) |
HSV (or HSB) | 203.7°, 57.7, 48.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.453, -6.118, -20.288 |
---|---|
XYZ | 9.083, 10.344, 20.256 |
xyY | 0.229, 0.261, 10.344 |
CIE-LCH | 38.453, 21.19, 253.218 |
CIE-LUV | 38.453, -18.184, -27.291 |
Hunter-Lab | 32.162, -5.875, -14.828 |
Binary | 00110100, 01011111, 01111011 |
Color Schemes with #345f7b
Alternatives to #345f7b
Below, you can see some colors close to #345f7b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f7b Preview
This text has a font color of #345f7b.
<span style="color:#345f7b;">Text here</span>
This paragraph has a background color of #345f7b.
<p style="background-color:#345f7b;">Content here</p>
This element has a border color of #345f7b.
<div style="border:1px solid #345f7b;">Content here</div>
.text {color:#345f7b;}
.background {background-color:#345f7b;}
.border {border:1px solid #345f7b;}
Shades and Tints of #345f7b
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, #050a0d is the darkest color, while #fefeff is the lightest one.
-
#050a0d
#050a0d
rgb(5,10,13)
-
#0b141a
#0b141a
rgb(11,20,26)
-
#111f28
#111f28
rgb(17,31,40)
-
#172a36
#172a36
rgb(23,42,54)
-
#1d3444
#1d3444
rgb(29,52,68)
-
#233f52
#233f52
rgb(35,63,82)
-
#284a5f
#284a5f
rgb(40,74,95)
-
#2e546d
#2e546d
rgb(46,84,109)
-
#345f7b
#345f7b
rgb(52,95,123)
-
#3a6a89
#3a6a89
rgb(58,106,137)
-
#407497
#407497
rgb(64,116,151)
-
#457fa4
#457fa4
rgb(69,127,164)
-
#4b8ab2
#4b8ab2
rgb(75,138,178)
-
#5893b9
#5893b9
rgb(88,147,185)
-
#669cbe
#669cbe
rgb(102,156,190)
-
#74a5c4
#74a5c4
rgb(116,165,196)
-
#82aeca
#82aeca
rgb(130,174,202)
-
#90b7d0
#90b7d0
rgb(144,183,208)
-
#9dc0d6
#9dc0d6
rgb(157,192,214)
-
#abc8dc
#abc8dc
rgb(171,200,220)
-
#b9d1e1
#b9d1e1
rgb(185,209,225)
-
#c7dae7
#c7dae7
rgb(199,218,231)
-
#d5e3ed
#d5e3ed
rgb(213,227,237)
-
#e2ecf3
#e2ecf3
rgb(226,236,243)
-
#f0f5f9
#f0f5f9
rgb(240,245,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #345f7b
A tone is produced by adding gray to any pure hue. In this case, #565859 is the less saturated color, while #0569aa is the most saturated one.
-
#565859
#565859
rgb(86,88,89)
-
#4f5960
#4f5960
rgb(79,89,96)
-
#485b67
#485b67
rgb(72,91,103)
-
#415c6e
#415c6e
rgb(65,92,110)
-
#3b5e74
#3b5e74
rgb(59,94,116)
-
#345f7b
#345f7b
rgb(52,95,123)
-
#2d6082
#2d6082
rgb(45,96,130)
-
#276288
#276288
rgb(39,98,136)
-
#20638f
#20638f
rgb(32,99,143)
-
#196596
#196596
rgb(25,101,150)
-
#12669d
#12669d
rgb(18,102,157)
-
#0c68a3
#0c68a3
rgb(12,104,163)
-
#0569aa
#0569aa
rgb(5,105,170)
Color Blindness Simulator
Below, you can see how #345f7b 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.