#345678 Color Information
In a RGB color space, hex #345678 is composed of 20.4% red, 33.7% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 28.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 210 degrees, a saturation of 39.5% and a lightness of 33.7%. #345678 color hex could be obtained by blending #68acf0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 34
- B 47
-
- C 57
- M 28
- Y 0
- K 53
● #345678 color description : Dark moderate blue.
#345678 Color Conversion
The hexadecimal color #345678 has RGB values of R:52, G:86, B:120 and CMYK values of C:0.57, M:0.28, Y:0, K:0.53. Its decimal value is 3430008.
Hex triplet | 345678 | #345678 |
---|---|---|
RGB Decimal | 52, 86, 120 | rgb(52,86,120) |
RGB Percent | 20.4, 33.7, 47.1 | rgb(20.4%,33.7%,47.1%) |
CMYK | 57, 28, 0, 53 | |
HSL | 210°, 39.5, 33.7 | hsl(210,39.5%,33.7%) |
HSV (or HSB) | 210°, 56.7, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.481, -1.569, -23.054 |
---|---|
XYZ | 8.133, 8.741, 19.027 |
xyY | 0.227, 0.243, 8.741 |
CIE-LCH | 35.481, 23.107, 266.108 |
CIE-LUV | 35.481, -14.822, -31.196 |
Hunter-Lab | 29.566, -2.635, -17.46 |
Binary | 00110100, 01010110, 01111000 |
Color Schemes with #345678
Alternatives to #345678
Below, you can see some colors close to #345678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345678 Preview
This text has a font color of #345678.
<span style="color:#345678;">Text here</span>
This paragraph has a background color of #345678.
<p style="background-color:#345678;">Content here</p>
This element has a border color of #345678.
<div style="border:1px solid #345678;">Content here</div>
.text {color:#345678;}
.background {background-color:#345678;}
.border {border:1px solid #345678;}
Shades and Tints of #345678
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)
-
#0a1118
#0a1118
rgb(10,17,24)
-
#101b26
#101b26
rgb(16,27,38)
-
#162534
#162534
rgb(22,37,52)
-
#1c2f41
#1c2f41
rgb(28,47,65)
-
#22394f
#22394f
rgb(34,57,79)
-
#28425d
#28425d
rgb(40,66,93)
-
#2e4c6a
#2e4c6a
rgb(46,76,106)
-
#345678
#345678
rgb(52,86,120)
-
#3a6086
#3a6086
rgb(58,96,134)
-
#406a93
#406a93
rgb(64,106,147)
-
#4673a1
#4673a1
rgb(70,115,161)
-
#4c7daf
#4c7daf
rgb(76,125,175)
-
#5887b6
#5887b6
rgb(88,135,182)
-
#6591bc
#6591bc
rgb(101,145,188)
-
#739bc2
#739bc2
rgb(115,155,194)
-
#81a4c8
#81a4c8
rgb(129,164,200)
-
#8eaece
#8eaece
rgb(142,174,206)
-
#9cb8d4
#9cb8d4
rgb(156,184,212)
-
#aac2da
#aac2da
rgb(170,194,218)
-
#b7cce0
#b7cce0
rgb(183,204,224)
-
#c5d6e6
#c5d6e6
rgb(197,214,230)
-
#d3dfec
#d3dfec
rgb(211,223,236)
-
#e0e9f2
#e0e9f2
rgb(224,233,242)
-
#eef3f8
#eef3f8
rgb(238,243,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #345678
A tone is produced by adding gray to any pure hue. In this case, #555657 is the less saturated color, while #0656a6 is the most saturated one.
-
#555657
#555657
rgb(85,86,87)
-
#4e565e
#4e565e
rgb(78,86,94)
-
#485664
#485664
rgb(72,86,100)
-
#41566b
#41566b
rgb(65,86,107)
-
#3b5671
#3b5671
rgb(59,86,113)
-
#345678
#345678
rgb(52,86,120)
-
#2d567f
#2d567f
rgb(45,86,127)
-
#275685
#275685
rgb(39,86,133)
-
#20568c
#20568c
rgb(32,86,140)
-
#1a5692
#1a5692
rgb(26,86,146)
-
#135699
#135699
rgb(19,86,153)
-
#0c56a0
#0c56a0
rgb(12,86,160)
-
#0656a6
#0656a6
rgb(6,86,166)
Color Blindness Simulator
Below, you can see how #345678 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.