#345688 Color Information
In a RGB color space, hex #345688 is composed of 20.4% red, 33.7% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 36.8% magenta, 0% yellow and 46.7% black. It has a hue angle of 215.7 degrees, a saturation of 44.7% and a lightness of 36.9%. #345688 color hex could be obtained by blending #68acff with #000011. Closest websafe color is: #336699.
-
- R 20
- G 34
- B 53
-
- C 62
- M 37
- Y 0
- K 47
● #345688 color description : Dark moderate blue.
#345688 Color Conversion
The hexadecimal color #345688 has RGB values of R:52, G:86, B:136 and CMYK values of C:0.62, M:0.37, Y:0, K:0.47. Its decimal value is 3430024.
Hex triplet | 345688 | #345688 |
---|---|---|
RGB Decimal | 52, 86, 136 | rgb(52,86,136) |
RGB Percent | 20.4, 33.7, 53.3 | rgb(20.4%,33.7%,53.3%) |
CMYK | 62, 37, 0, 47 | |
HSL | 215.7°, 44.7, 36.9 | hsl(215.7,44.7%,36.9%) |
HSV (or HSB) | 215.7°, 61.8, 53.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.296, 4.051, -31.606 |
---|---|
XYZ | 9.187, 9.163, 24.576 |
xyY | 0.214, 0.213, 9.163 |
CIE-LCH | 36.296, 31.865, 277.304 |
CIE-LUV | 36.296, -14.662, -44.401 |
Hunter-Lab | 30.27, 1.202, -26.948 |
Binary | 00110100, 01010110, 10001000 |
Color Schemes with #345688
Alternatives to #345688
Below, you can see some colors close to #345688. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345688 Preview
This text has a font color of #345688.
<span style="color:#345688;">Text here</span>
This paragraph has a background color of #345688.
<p style="background-color:#345688;">Content here</p>
This element has a border color of #345688.
<div style="border:1px solid #345688;">Content here</div>
.text {color:#345688;}
.background {background-color:#345688;}
.border {border:1px solid #345688;}
Shades and Tints of #345688
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, #030508 is the darkest color, while #f9fbfd is the lightest one.
-
#030508
#030508
rgb(3,5,8)
-
#090e16
#090e16
rgb(9,14,22)
-
#0e1725
#0e1725
rgb(14,23,37)
-
#132033
#132033
rgb(19,32,51)
-
#192941
#192941
rgb(25,41,65)
-
#1e324f
#1e324f
rgb(30,50,79)
-
#243b5d
#243b5d
rgb(36,59,93)
-
#29446c
#29446c
rgb(41,68,108)
-
#2f4d7a
#2f4d7a
rgb(47,77,122)
-
#345688
#345688
rgb(52,86,136)
-
#395f96
#395f96
rgb(57,95,150)
-
#3f68a4
#3f68a4
rgb(63,104,164)
-
#4471b3
#4471b3
rgb(68,113,179)
-
#4f7bbc
#4f7bbc
rgb(79,123,188)
-
#5d86c1
#5d86c1
rgb(93,134,193)
-
#6b90c6
#6b90c6
rgb(107,144,198)
-
#799bcc
#799bcc
rgb(121,155,204)
-
#88a5d1
#88a5d1
rgb(136,165,209)
-
#96b0d7
#96b0d7
rgb(150,176,215)
-
#a4bbdc
#a4bbdc
rgb(164,187,220)
-
#b2c5e2
#b2c5e2
rgb(178,197,226)
-
#c0d0e7
#c0d0e7
rgb(192,208,231)
-
#cfdbec
#cfdbec
rgb(207,219,236)
-
#dde5f2
#dde5f2
rgb(221,229,242)
-
#ebf0f7
#ebf0f7
rgb(235,240,247)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #345688
A tone is produced by adding gray to any pure hue. In this case, #585d64 is the less saturated color, while #014cbb is the most saturated one.
-
#585d64
#585d64
rgb(88,93,100)
-
#515c6b
#515c6b
rgb(81,92,107)
-
#4a5a72
#4a5a72
rgb(74,90,114)
-
#42597a
#42597a
rgb(66,89,122)
-
#3b5781
#3b5781
rgb(59,87,129)
-
#345688
#345688
rgb(52,86,136)
-
#2d558f
#2d558f
rgb(45,85,143)
-
#265396
#265396
rgb(38,83,150)
-
#1e529e
#1e529e
rgb(30,82,158)
-
#1750a5
#1750a5
rgb(23,80,165)
-
#104fac
#104fac
rgb(16,79,172)
-
#094eb3
#094eb3
rgb(9,78,179)
-
#014cbb
#014cbb
rgb(1,76,187)
Color Blindness Simulator
Below, you can see how #345688 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.