#345a77 Color Information
In a RGB color space, hex #345a77 is composed of 20.4% red, 35.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 24.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 206 degrees, a saturation of 39.2% and a lightness of 33.5%. #345a77 color hex could be obtained by blending #68b4ee with #000000. Closest websafe color is: #336666.
-
- R 20
- G 35
- B 47
-
- C 56
- M 24
- Y 0
- K 53
● #345a77 color description : Dark moderate blue.
#345a77 Color Conversion
The hexadecimal color #345a77 has RGB values of R:52, G:90, B:119 and CMYK values of C:0.56, M:0.24, Y:0, K:0.53. Its decimal value is 3431031.
Hex triplet | 345a77 | #345a77 |
---|---|---|
RGB Decimal | 52, 90, 119 | rgb(52,90,119) |
RGB Percent | 20.4, 35.3, 46.7 | rgb(20.4%,35.3%,46.7%) |
CMYK | 56, 24, 0, 53 | |
HSL | 206°, 39.2, 33.5 | hsl(206,39.2%,33.5%) |
HSV (or HSB) | 206°, 56.3, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.694, -4.403, -20.553 |
---|---|
XYZ | 8.401, 9.374, 18.818 |
xyY | 0.23, 0.256, 9.374 |
CIE-LCH | 36.694, 21.019, 257.907 |
CIE-LUV | 36.694, -16.353, -27.539 |
Hunter-Lab | 30.617, -4.598, -15.011 |
Binary | 00110100, 01011010, 01110111 |
Color Schemes with #345a77
Alternatives to #345a77
Below, you can see some colors close to #345a77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a77 Preview
This text has a font color of #345a77.
<span style="color:#345a77;">Text here</span>
This paragraph has a background color of #345a77.
<p style="background-color:#345a77;">Content here</p>
This element has a border color of #345a77.
<div style="border:1px solid #345a77;">Content here</div>
.text {color:#345a77;}
.background {background-color:#345a77;}
.border {border:1px solid #345a77;}
Shades and Tints of #345a77
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, #04070a is the darkest color, while #fbfcfd is the lightest one.
-
#04070a
#04070a
rgb(4,7,10)
-
#0a1217
#0a1217
rgb(10,18,23)
-
#101c25
#101c25
rgb(16,28,37)
-
#162633
#162633
rgb(22,38,51)
-
#1c3140
#1c3140
rgb(28,49,64)
-
#223b4e
#223b4e
rgb(34,59,78)
-
#28455c
#28455c
rgb(40,69,92)
-
#2e5069
#2e5069
rgb(46,80,105)
-
#345a77
#345a77
rgb(52,90,119)
-
#3a6485
#3a6485
rgb(58,100,133)
-
#406f92
#406f92
rgb(64,111,146)
-
#4679a0
#4679a0
rgb(70,121,160)
-
#4c83ae
#4c83ae
rgb(76,131,174)
-
#578db6
#578db6
rgb(87,141,182)
-
#6596bc
#6596bc
rgb(101,150,188)
-
#739fc2
#739fc2
rgb(115,159,194)
-
#80a9c8
#80a9c8
rgb(128,169,200)
-
#8eb2ce
#8eb2ce
rgb(142,178,206)
-
#9cbbd4
#9cbbd4
rgb(156,187,212)
-
#a9c5da
#a9c5da
rgb(169,197,218)
-
#b7cedf
#b7cedf
rgb(183,206,223)
-
#c5d7e5
#c5d7e5
rgb(197,215,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 #345a77
A tone is produced by adding gray to any pure hue. In this case, #555656 is the less saturated color, while #0660a5 is the most saturated one.
-
#555656
#555656
rgb(85,86,86)
-
#4e565d
#4e565d
rgb(78,86,93)
-
#485763
#485763
rgb(72,87,99)
-
#41586a
#41586a
rgb(65,88,106)
-
#3b5970
#3b5970
rgb(59,89,112)
-
#345a77
#345a77
rgb(52,90,119)
-
#2d5b7e
#2d5b7e
rgb(45,91,126)
-
#275c84
#275c84
rgb(39,92,132)
-
#205d8b
#205d8b
rgb(32,93,139)
-
#1a5e91
#1a5e91
rgb(26,94,145)
-
#135e98
#135e98
rgb(19,94,152)
-
#0d5f9e
#0d5f9e
rgb(13,95,158)
-
#0660a5
#0660a5
rgb(6,96,165)
Color Blindness Simulator
Below, you can see how #345a77 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.