#345677 Color Information
In a RGB color space, hex #345677 is composed of 20.4% red, 33.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 27.7% magenta, 0% yellow and 53.3% black. It has a hue angle of 209.6 degrees, a saturation of 39.2% and a lightness of 33.5%. #345677 color hex could be obtained by blending #68acee with #000000. Closest websafe color is: #336666.
-
- R 20
- G 34
- B 47
-
- C 56
- M 28
- Y 0
- K 53
● #345677 color description : Dark moderate blue.
#345677 Color Conversion
The hexadecimal color #345677 has RGB values of R:52, G:86, B:119 and CMYK values of C:0.56, M:0.28, Y:0, K:0.53. Its decimal value is 3430007.
Hex triplet | 345677 | #345677 |
---|---|---|
RGB Decimal | 52, 86, 119 | rgb(52,86,119) |
RGB Percent | 20.4, 33.7, 46.7 | rgb(20.4%,33.7%,46.7%) |
CMYK | 56, 28, 0, 53 | |
HSL | 209.6°, 39.2, 33.5 | hsl(209.6,39.2%,33.5%) |
HSV (or HSB) | 209.6°, 56.3, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.434, -1.911, -22.509 |
---|---|
XYZ | 8.073, 8.717, 18.709 |
xyY | 0.227, 0.246, 8.717 |
CIE-LCH | 35.434, 22.59, 265.148 |
CIE-LUV | 35.434, -14.834, -30.365 |
Hunter-Lab | 29.525, -2.861, -16.903 |
Binary | 00110100, 01010110, 01110111 |
Color Schemes with #345677
Alternatives to #345677
Below, you can see some colors close to #345677. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345677 Preview
This text has a font color of #345677.
<span style="color:#345677;">Text here</span>
This paragraph has a background color of #345677.
<p style="background-color:#345677;">Content here</p>
This element has a border color of #345677.
<div style="border:1px solid #345677;">Content here</div>
.text {color:#345677;}
.background {background-color:#345677;}
.border {border:1px solid #345677;}
Shades and Tints of #345677
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)
-
#0a1117
#0a1117
rgb(10,17,23)
-
#101b25
#101b25
rgb(16,27,37)
-
#162533
#162533
rgb(22,37,51)
-
#1c2f40
#1c2f40
rgb(28,47,64)
-
#22384e
#22384e
rgb(34,56,78)
-
#28425c
#28425c
rgb(40,66,92)
-
#2e4c69
#2e4c69
rgb(46,76,105)
-
#345677
#345677
rgb(52,86,119)
-
#3a6085
#3a6085
rgb(58,96,133)
-
#406a92
#406a92
rgb(64,106,146)
-
#4674a0
#4674a0
rgb(70,116,160)
-
#4c7dae
#4c7dae
rgb(76,125,174)
-
#5787b6
#5787b6
rgb(87,135,182)
-
#6591bc
#6591bc
rgb(101,145,188)
-
#739bc2
#739bc2
rgb(115,155,194)
-
#80a4c8
#80a4c8
rgb(128,164,200)
-
#8eaece
#8eaece
rgb(142,174,206)
-
#9cb8d4
#9cb8d4
rgb(156,184,212)
-
#a9c2da
#a9c2da
rgb(169,194,218)
-
#b7cbdf
#b7cbdf
rgb(183,203,223)
-
#c5d5e5
#c5d5e5
rgb(197,213,229)
-
#d2dfeb
#d2dfeb
rgb(210,223,235)
-
#e0e9f1
#e0e9f1
rgb(224,233,241)
-
#edf2f7
#edf2f7
rgb(237,242,247)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #345677
A tone is produced by adding gray to any pure hue. In this case, #555656 is the less saturated color, while #0657a5 is the most saturated one.
-
#555656
#555656
rgb(85,86,86)
-
#4e565d
#4e565d
rgb(78,86,93)
-
#485663
#485663
rgb(72,86,99)
-
#41566a
#41566a
rgb(65,86,106)
-
#3b5670
#3b5670
rgb(59,86,112)
-
#345677
#345677
rgb(52,86,119)
-
#2d567e
#2d567e
rgb(45,86,126)
-
#275684
#275684
rgb(39,86,132)
-
#20568b
#20568b
rgb(32,86,139)
-
#1a5691
#1a5691
rgb(26,86,145)
-
#135698
#135698
rgb(19,86,152)
-
#0d579e
#0d579e
rgb(13,87,158)
-
#0657a5
#0657a5
rgb(6,87,165)
Color Blindness Simulator
Below, you can see how #345677 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.