#345c77 Color Information
In a RGB color space, hex #345c77 is composed of 20.4% red, 36.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 22.7% magenta, 0% yellow and 53.3% black. It has a hue angle of 204.2 degrees, a saturation of 39.2% and a lightness of 33.5%. #345c77 color hex could be obtained by blending #68b8ee with #000000. Closest websafe color is: #336666.
-
- R 20
- G 36
- B 47
-
- C 56
- M 23
- Y 0
- K 53
● #345c77 color description : Dark moderate blue.
#345c77 Color Conversion
The hexadecimal color #345c77 has RGB values of R:52, G:92, B:119 and CMYK values of C:0.56, M:0.23, Y:0, K:0.53. Its decimal value is 3431543.
Hex triplet | 345c77 | #345c77 |
---|---|---|
RGB Decimal | 52, 92, 119 | rgb(52,92,119) |
RGB Percent | 20.4, 36.1, 46.7 | rgb(20.4%,36.1%,46.7%) |
CMYK | 56, 23, 0, 53 | |
HSL | 204.2°, 39.2, 33.5 | hsl(204.2,39.2%,33.5%) |
HSV (or HSB) | 204.2°, 56.3, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.327, -5.631, -19.573 |
---|---|
XYZ | 8.572, 9.716, 18.875 |
xyY | 0.231, 0.261, 9.716 |
CIE-LCH | 37.327, 20.367, 253.949 |
CIE-LUV | 37.327, -17.121, -26.103 |
Hunter-Lab | 31.17, -5.457, -14.085 |
Binary | 00110100, 01011100, 01110111 |
Color Schemes with #345c77
Alternatives to #345c77
Below, you can see some colors close to #345c77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345c77 Preview
This text has a font color of #345c77.
<span style="color:#345c77;">Text here</span>
This paragraph has a background color of #345c77.
<p style="background-color:#345c77;">Content here</p>
This element has a border color of #345c77.
<div style="border:1px solid #345c77;">Content here</div>
.text {color:#345c77;}
.background {background-color:#345c77;}
.border {border:1px solid #345c77;}
Shades and Tints of #345c77
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, #04080a is the darkest color, while #fbfcfd is the lightest one.
-
#04080a
#04080a
rgb(4,8,10)
-
#0a1217
#0a1217
rgb(10,18,23)
-
#101d25
#101d25
rgb(16,29,37)
-
#162733
#162733
rgb(22,39,51)
-
#1c3240
#1c3240
rgb(28,50,64)
-
#223c4e
#223c4e
rgb(34,60,78)
-
#28475c
#28475c
rgb(40,71,92)
-
#2e5169
#2e5169
rgb(46,81,105)
-
#345c77
#345c77
rgb(52,92,119)
-
#3a6785
#3a6785
rgb(58,103,133)
-
#407192
#407192
rgb(64,113,146)
-
#467ca0
#467ca0
rgb(70,124,160)
-
#4c86ae
#4c86ae
rgb(76,134,174)
-
#5790b6
#5790b6
rgb(87,144,182)
-
#6599bc
#6599bc
rgb(101,153,188)
-
#73a2c2
#73a2c2
rgb(115,162,194)
-
#80abc8
#80abc8
rgb(128,171,200)
-
#8eb4ce
#8eb4ce
rgb(142,180,206)
-
#9cbdd4
#9cbdd4
rgb(156,189,212)
-
#a9c6da
#a9c6da
rgb(169,198,218)
-
#b7cfdf
#b7cfdf
rgb(183,207,223)
-
#c5d8e5
#c5d8e5
rgb(197,216,229)
-
#d2e1eb
#d2e1eb
rgb(210,225,235)
-
#e0eaf1
#e0eaf1
rgb(224,234,241)
-
#edf3f7
#edf3f7
rgb(237,243,247)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #345c77
A tone is produced by adding gray to any pure hue. In this case, #555656 is the less saturated color, while #0665a5 is the most saturated one.
-
#555656
#555656
rgb(85,86,86)
-
#4e575d
#4e575d
rgb(78,87,93)
-
#485863
#485863
rgb(72,88,99)
-
#41596a
#41596a
rgb(65,89,106)
-
#3b5b70
#3b5b70
rgb(59,91,112)
-
#345c77
#345c77
rgb(52,92,119)
-
#2d5d7e
#2d5d7e
rgb(45,93,126)
-
#275f84
#275f84
rgb(39,95,132)
-
#20608b
#20608b
rgb(32,96,139)
-
#1a6191
#1a6191
rgb(26,97,145)
-
#136298
#136298
rgb(19,98,152)
-
#0d649e
#0d649e
rgb(13,100,158)
-
#0665a5
#0665a5
rgb(6,101,165)
Color Blindness Simulator
Below, you can see how #345c77 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.