#345f78 Color Information
In a RGB color space, hex #345f78 is composed of 20.4% red, 37.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 20.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 202.1 degrees, a saturation of 39.5% and a lightness of 33.7%. #345f78 color hex could be obtained by blending #68bef0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 37
- B 47
-
- C 57
- M 21
- Y 0
- K 53
● #345f78 color description : Dark moderate blue.
#345f78 Color Conversion
The hexadecimal color #345f78 has RGB values of R:52, G:95, B:120 and CMYK values of C:0.57, M:0.21, Y:0, K:0.53. Its decimal value is 3432312.
Hex triplet | 345f78 | #345f78 |
---|---|---|
RGB Decimal | 52, 95, 120 | rgb(52,95,120) |
RGB Percent | 20.4, 37.3, 47.1 | rgb(20.4%,37.3%,47.1%) |
CMYK | 57, 21, 0, 53 | |
HSL | 202.1°, 39.5, 33.7 | hsl(202.1,39.5%,33.7%) |
HSV (or HSB) | 202.1°, 56.7, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.323, -7.12, -18.652 |
---|---|
XYZ | 8.898, 10.27, 19.282 |
xyY | 0.231, 0.267, 10.27 |
CIE-LCH | 38.323, 19.964, 249.108 |
CIE-LUV | 38.323, -18.256, -24.765 |
Hunter-Lab | 32.047, -6.522, -13.24 |
Binary | 00110100, 01011111, 01111000 |
Color Schemes with #345f78
Alternatives to #345f78
Below, you can see some colors close to #345f78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345f78 Preview
This text has a font color of #345f78.
<span style="color:#345f78;">Text here</span>
This paragraph has a background color of #345f78.
<p style="background-color:#345f78;">Content here</p>
This element has a border color of #345f78.
<div style="border:1px solid #345f78;">Content here</div>
.text {color:#345f78;}
.background {background-color:#345f78;}
.border {border:1px solid #345f78;}
Shades and Tints of #345f78
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, #05080b is the darkest color, while #fcfdfe is the lightest one.
-
#05080b
#05080b
rgb(5,8,11)
-
#0a1318
#0a1318
rgb(10,19,24)
-
#101e26
#101e26
rgb(16,30,38)
-
#162934
#162934
rgb(22,41,52)
-
#1c3441
#1c3441
rgb(28,52,65)
-
#223e4f
#223e4f
rgb(34,62,79)
-
#28495d
#28495d
rgb(40,73,93)
-
#2e546a
#2e546a
rgb(46,84,106)
-
#345f78
#345f78
rgb(52,95,120)
-
#3a6a86
#3a6a86
rgb(58,106,134)
-
#407593
#407593
rgb(64,117,147)
-
#4680a1
#4680a1
rgb(70,128,161)
-
#4c8aaf
#4c8aaf
rgb(76,138,175)
-
#5894b6
#5894b6
rgb(88,148,182)
-
#659cbc
#659cbc
rgb(101,156,188)
-
#73a5c2
#73a5c2
rgb(115,165,194)
-
#81aec8
#81aec8
rgb(129,174,200)
-
#8eb7ce
#8eb7ce
rgb(142,183,206)
-
#9cbfd4
#9cbfd4
rgb(156,191,212)
-
#aac8da
#aac8da
rgb(170,200,218)
-
#b7d1e0
#b7d1e0
rgb(183,209,224)
-
#c5dae6
#c5dae6
rgb(197,218,230)
-
#d3e3ec
#d3e3ec
rgb(211,227,236)
-
#e0ebf2
#e0ebf2
rgb(224,235,242)
-
#eef4f8
#eef4f8
rgb(238,244,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #345f78
A tone is produced by adding gray to any pure hue. In this case, #555657 is the less saturated color, while #066ba6 is the most saturated one.
-
#555657
#555657
rgb(85,86,87)
-
#4e585e
#4e585e
rgb(78,88,94)
-
#485a64
#485a64
rgb(72,90,100)
-
#415b6b
#415b6b
rgb(65,91,107)
-
#3b5d71
#3b5d71
rgb(59,93,113)
-
#345f78
#345f78
rgb(52,95,120)
-
#2d617f
#2d617f
rgb(45,97,127)
-
#276385
#276385
rgb(39,99,133)
-
#20648c
#20648c
rgb(32,100,140)
-
#1a6692
#1a6692
rgb(26,102,146)
-
#136899
#136899
rgb(19,104,153)
-
#0c6aa0
#0c6aa0
rgb(12,106,160)
-
#066ba6
#066ba6
rgb(6,107,166)
Color Blindness Simulator
Below, you can see how #345f78 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.