#345687 Color Information
In a RGB color space, hex #345687 is composed of 20.4% red, 33.7% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 36.3% magenta, 0% yellow and 47.1% black. It has a hue angle of 215.4 degrees, a saturation of 44.4% and a lightness of 36.7%. #345687 color hex could be obtained by blending #68acff with #00000f. Closest websafe color is: #336699.
-
- R 20
- G 34
- B 53
-
- C 61
- M 36
- Y 0
- K 47
● #345687 color description : Dark moderate blue.
#345687 Color Conversion
The hexadecimal color #345687 has RGB values of R:52, G:86, B:135 and CMYK values of C:0.61, M:0.36, Y:0, K:0.47. Its decimal value is 3430023.
Hex triplet | 345687 | #345687 |
---|---|---|
RGB Decimal | 52, 86, 135 | rgb(52,86,135) |
RGB Percent | 20.4, 33.7, 52.9 | rgb(20.4%,33.7%,52.9%) |
CMYK | 61, 36, 0, 47 | |
HSL | 215.4°, 44.4, 36.7 | hsl(215.4,44.4%,36.7%) |
HSV (or HSB) | 215.4°, 61.5, 52.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.242, 3.693, -31.081 |
---|---|
XYZ | 9.116, 9.134, 24.203 |
xyY | 0.215, 0.215, 9.134 |
CIE-LCH | 36.242, 31.299, 276.776 |
CIE-LUV | 36.242, -14.67, -43.584 |
Hunter-Lab | 30.223, 0.95, -26.324 |
Binary | 00110100, 01010110, 10000111 |
Color Schemes with #345687
Alternatives to #345687
Below, you can see some colors close to #345687. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345687 Preview
This text has a font color of #345687.
<span style="color:#345687;">Text here</span>
This paragraph has a background color of #345687.
<p style="background-color:#345687;">Content here</p>
This element has a border color of #345687.
<div style="border:1px solid #345687;">Content here</div>
.text {color:#345687;}
.background {background-color:#345687;}
.border {border:1px solid #345687;}
Shades and Tints of #345687
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 #f8fafc is the lightest one.
-
#030508
#030508
rgb(3,5,8)
-
#080e16
#080e16
rgb(8,14,22)
-
#0e1724
#0e1724
rgb(14,23,36)
-
#132032
#132032
rgb(19,32,50)
-
#192940
#192940
rgb(25,41,64)
-
#1e324e
#1e324e
rgb(30,50,78)
-
#243b5d
#243b5d
rgb(36,59,93)
-
#29446b
#29446b
rgb(41,68,107)
-
#2f4d79
#2f4d79
rgb(47,77,121)
-
#345687
#345687
rgb(52,86,135)
-
#395f95
#395f95
rgb(57,95,149)
-
#3f68a3
#3f68a3
rgb(63,104,163)
-
#4471b1
#4471b1
rgb(68,113,177)
-
#4e7bbb
#4e7bbb
rgb(78,123,187)
-
#5d86c0
#5d86c0
rgb(93,134,192)
-
#6b90c6
#6b90c6
rgb(107,144,198)
-
#799bcb
#799bcb
rgb(121,155,203)
-
#87a5d1
#87a5d1
rgb(135,165,209)
-
#95b0d6
#95b0d6
rgb(149,176,214)
-
#a3badc
#a3badc
rgb(163,186,220)
-
#b2c5e1
#b2c5e1
rgb(178,197,225)
-
#c0d0e7
#c0d0e7
rgb(192,208,231)
-
#cedaec
#cedaec
rgb(206,218,236)
-
#dce5f2
#dce5f2
rgb(220,229,242)
-
#eaeff7
#eaeff7
rgb(234,239,247)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #345687
A tone is produced by adding gray to any pure hue. In this case, #585c63 is the less saturated color, while #024db9 is the most saturated one.
-
#585c63
#585c63
rgb(88,92,99)
-
#515b6a
#515b6a
rgb(81,91,106)
-
#4a5a71
#4a5a71
rgb(74,90,113)
-
#425979
#425979
rgb(66,89,121)
-
#3b5780
#3b5780
rgb(59,87,128)
-
#345687
#345687
rgb(52,86,135)
-
#2d558e
#2d558e
rgb(45,85,142)
-
#265395
#265395
rgb(38,83,149)
-
#1e529d
#1e529d
rgb(30,82,157)
-
#1751a4
#1751a4
rgb(23,81,164)
-
#1050ab
#1050ab
rgb(16,80,171)
-
#094eb2
#094eb2
rgb(9,78,178)
-
#024db9
#024db9
rgb(2,77,185)
Color Blindness Simulator
Below, you can see how #345687 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.