#345e83 Color Information
In a RGB color space, hex #345e83 is composed of 20.4% red, 36.9% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 28.2% magenta, 0% yellow and 48.6% black. It has a hue angle of 208.1 degrees, a saturation of 43.2% and a lightness of 35.9%. #345e83 color hex could be obtained by blending #68bcff with #000007. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 51
-
- C 60
- M 28
- Y 0
- K 49
● #345e83 color description : Dark moderate blue.
#345e83 Color Conversion
The hexadecimal color #345e83 has RGB values of R:52, G:94, B:131 and CMYK values of C:0.6, M:0.28, Y:0, K:0.49. Its decimal value is 3432067.
Hex triplet | 345e83 | #345e83 |
---|---|---|
RGB Decimal | 52, 94, 131 | rgb(52,94,131) |
RGB Percent | 20.4, 36.9, 51.4 | rgb(20.4%,36.9%,51.4%) |
CMYK | 60, 28, 0, 49 | |
HSL | 208.1°, 43.2, 35.9 | hsl(208.1,43.2%,35.9%) |
HSV (or HSB) | 208.1°, 60.3, 51.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 38.505, -2.774, -25.09 |
---|---|
XYZ | 9.515, 10.374, 22.972 |
xyY | 0.222, 0.242, 10.374 |
CIE-LCH | 38.505, 25.243, 263.692 |
CIE-LUV | 38.505, -17.63, -34.746 |
Hunter-Lab | 32.208, -3.633, -19.743 |
Binary | 00110100, 01011110, 10000011 |
Color Schemes with #345e83
Alternatives to #345e83
Below, you can see some colors close to #345e83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345e83 Preview
This text has a font color of #345e83.
<span style="color:#345e83;">Text here</span>
This paragraph has a background color of #345e83.
<p style="background-color:#345e83;">Content here</p>
This element has a border color of #345e83.
<div style="border:1px solid #345e83;">Content here</div>
.text {color:#345e83;}
.background {background-color:#345e83;}
.border {border:1px solid #345e83;}
Shades and Tints of #345e83
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 #f6f9fb is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070d13
#070d13
rgb(7,13,19)
-
#0d1721
#0d1721
rgb(13,23,33)
-
#13222f
#13222f
rgb(19,34,47)
-
#182c3d
#182c3d
rgb(24,44,61)
-
#1e364b
#1e364b
rgb(30,54,75)
-
#234059
#234059
rgb(35,64,89)
-
#294a67
#294a67
rgb(41,74,103)
-
#2e5475
#2e5475
rgb(46,84,117)
-
#345e83
#345e83
rgb(52,94,131)
-
#3a6891
#3a6891
rgb(58,104,145)
-
#3f729f
#3f729f
rgb(63,114,159)
-
#457cad
#457cad
rgb(69,124,173)
-
#4d86b8
#4d86b8
rgb(77,134,184)
-
#5b90be
#5b90be
rgb(91,144,190)
-
#6999c4
#6999c4
rgb(105,153,196)
-
#77a3c9
#77a3c9
rgb(119,163,201)
-
#85accf
#85accf
rgb(133,172,207)
-
#93b6d4
#93b6d4
rgb(147,182,212)
-
#a1bfda
#a1bfda
rgb(161,191,218)
-
#afc9df
#afc9df
rgb(175,201,223)
-
#bdd2e5
#bdd2e5
rgb(189,210,229)
-
#cbdceb
#cbdceb
rgb(203,220,235)
-
#dae6f0
#dae6f0
rgb(218,230,240)
-
#e8eff6
#e8eff6
rgb(232,239,246)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #345e83
A tone is produced by adding gray to any pure hue. In this case, #575c60 is the less saturated color, while #0361b4 is the most saturated one.
-
#575c60
#575c60
rgb(87,92,96)
-
#505c67
#505c67
rgb(80,92,103)
-
#495d6e
#495d6e
rgb(73,93,110)
-
#425d75
#425d75
rgb(66,93,117)
-
#3b5e7c
#3b5e7c
rgb(59,94,124)
-
#345e83
#345e83
rgb(52,94,131)
-
#2d5e8a
#2d5e8a
rgb(45,94,138)
-
#265f91
#265f91
rgb(38,95,145)
-
#1f5f98
#1f5f98
rgb(31,95,152)
-
#18609f
#18609f
rgb(24,96,159)
-
#1160a6
#1160a6
rgb(17,96,166)
-
#0a61ad
#0a61ad
rgb(10,97,173)
-
#0361b4
#0361b4
rgb(3,97,180)
Color Blindness Simulator
Below, you can see how #345e83 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.