#345683 Color Information
In a RGB color space, hex #345683 is composed of 20.4% red, 33.7% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 34.4% magenta, 0% yellow and 48.6% black. It has a hue angle of 214.2 degrees, a saturation of 43.2% and a lightness of 35.9%. #345683 color hex could be obtained by blending #68acff with #000007. Closest websafe color is: #336699.
-
- R 20
- G 34
- B 51
-
- C 60
- M 34
- Y 0
- K 49
● #345683 color description : Dark moderate blue.
#345683 Color Conversion
The hexadecimal color #345683 has RGB values of R:52, G:86, B:131 and CMYK values of C:0.6, M:0.34, Y:0, K:0.49. Its decimal value is 3430019.
Hex triplet | 345683 | #345683 |
---|---|---|
RGB Decimal | 52, 86, 131 | rgb(52,86,131) |
RGB Percent | 20.4, 33.7, 51.4 | rgb(20.4%,33.7%,51.4%) |
CMYK | 60, 34, 0, 49 | |
HSL | 214.2°, 43.2, 35.9 | hsl(214.2,43.2%,35.9%) |
HSV (or HSB) | 214.2°, 60.3, 51.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 36.03, 2.268, -28.967 |
---|---|
XYZ | 8.84, 9.024, 22.747 |
xyY | 0.218, 0.222, 9.024 |
CIE-LCH | 36.03, 29.055, 274.478 |
CIE-LUV | 36.03, -14.706, -40.301 |
Hunter-Lab | 30.04, -0.042, -23.869 |
Binary | 00110100, 01010110, 10000011 |
Color Schemes with #345683
Alternatives to #345683
Below, you can see some colors close to #345683. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345683 Preview
This text has a font color of #345683.
<span style="color:#345683;">Text here</span>
This paragraph has a background color of #345683.
<p style="background-color:#345683;">Content here</p>
This element has a border color of #345683.
<div style="border:1px solid #345683;">Content here</div>
.text {color:#345683;}
.background {background-color:#345683;}
.border {border:1px solid #345683;}
Shades and Tints of #345683
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, #020305 is the darkest color, while #f6f8fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070c13
#070c13
rgb(7,12,19)
-
#0d1521
#0d1521
rgb(13,21,33)
-
#131f2f
#131f2f
rgb(19,31,47)
-
#18283d
#18283d
rgb(24,40,61)
-
#1e314b
#1e314b
rgb(30,49,75)
-
#233a59
#233a59
rgb(35,58,89)
-
#294467
#294467
rgb(41,68,103)
-
#2e4d75
#2e4d75
rgb(46,77,117)
-
#345683
#345683
rgb(52,86,131)
-
#3a5f91
#3a5f91
rgb(58,95,145)
-
#3f689f
#3f689f
rgb(63,104,159)
-
#4572ad
#4572ad
rgb(69,114,173)
-
#4d7bb8
#4d7bb8
rgb(77,123,184)
-
#5b86be
#5b86be
rgb(91,134,190)
-
#6990c4
#6990c4
rgb(105,144,196)
-
#779ac9
#779ac9
rgb(119,154,201)
-
#85a5cf
#85a5cf
rgb(133,165,207)
-
#93afd4
#93afd4
rgb(147,175,212)
-
#a1bada
#a1bada
rgb(161,186,218)
-
#afc4df
#afc4df
rgb(175,196,223)
-
#bdcee5
#bdcee5
rgb(189,206,229)
-
#cbd9eb
#cbd9eb
rgb(203,217,235)
-
#dae3f0
#dae3f0
rgb(218,227,240)
-
#e8eef6
#e8eef6
rgb(232,238,246)
-
#f6f8fb
#f6f8fb
rgb(246,248,251)
Tones of #345683
A tone is produced by adding gray to any pure hue. In this case, #575b60 is the less saturated color, while #034fb4 is the most saturated one.
-
#575b60
#575b60
rgb(87,91,96)
-
#505a67
#505a67
rgb(80,90,103)
-
#49596e
#49596e
rgb(73,89,110)
-
#425875
#425875
rgb(66,88,117)
-
#3b577c
#3b577c
rgb(59,87,124)
-
#345683
#345683
rgb(52,86,131)
-
#2d558a
#2d558a
rgb(45,85,138)
-
#265491
#265491
rgb(38,84,145)
-
#1f5398
#1f5398
rgb(31,83,152)
-
#18529f
#18529f
rgb(24,82,159)
-
#1151a6
#1151a6
rgb(17,81,166)
-
#0a50ad
#0a50ad
rgb(10,80,173)
-
#034fb4
#034fb4
rgb(3,79,180)
Color Blindness Simulator
Below, you can see how #345683 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.