#345a83 Color Information
In a RGB color space, hex #345a83 is composed of 20.4% red, 35.3% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 31.3% magenta, 0% yellow and 48.6% black. It has a hue angle of 211.1 degrees, a saturation of 43.2% and a lightness of 35.9%. #345a83 color hex could be obtained by blending #68b4ff with #000007. Closest websafe color is: #336699.
-
- R 20
- G 35
- B 51
-
- C 60
- M 31
- Y 0
- K 49
● #345a83 color description : Dark moderate blue.
#345a83 Color Conversion
The hexadecimal color #345a83 has RGB values of R:52, G:90, B:131 and CMYK values of C:0.6, M:0.31, Y:0, K:0.49. Its decimal value is 3431043.
Hex triplet | 345a83 | #345a83 |
---|---|---|
RGB Decimal | 52, 90, 131 | rgb(52,90,131) |
RGB Percent | 20.4, 35.3, 51.4 | rgb(20.4%,35.3%,51.4%) |
CMYK | 60, 31, 0, 49 | |
HSL | 211.1°, 43.2, 35.9 | hsl(211.1,43.2%,35.9%) |
HSV (or HSB) | 211.1°, 60.3, 51.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 37.263, -0.274, -27.031 |
---|---|
XYZ | 9.168, 9.681, 22.857 |
xyY | 0.22, 0.232, 9.681 |
CIE-LCH | 37.263, 27.033, 269.419 |
CIE-LUV | 37.263, -16.155, -37.566 |
Hunter-Lab | 31.114, -1.851, -21.777 |
Binary | 00110100, 01011010, 10000011 |
Color Schemes with #345a83
Alternatives to #345a83
Below, you can see some colors close to #345a83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345a83 Preview
This text has a font color of #345a83.
<span style="color:#345a83;">Text here</span>
This paragraph has a background color of #345a83.
<p style="background-color:#345a83;">Content here</p>
This element has a border color of #345a83.
<div style="border:1px solid #345a83;">Content here</div>
.text {color:#345a83;}
.background {background-color:#345a83;}
.border {border:1px solid #345a83;}
Shades and Tints of #345a83
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)
-
#070d13
#070d13
rgb(7,13,19)
-
#0d1621
#0d1621
rgb(13,22,33)
-
#13202f
#13202f
rgb(19,32,47)
-
#182a3d
#182a3d
rgb(24,42,61)
-
#1e334b
#1e334b
rgb(30,51,75)
-
#233d59
#233d59
rgb(35,61,89)
-
#294767
#294767
rgb(41,71,103)
-
#2e5075
#2e5075
rgb(46,80,117)
-
#345a83
#345a83
rgb(52,90,131)
-
#3a6491
#3a6491
rgb(58,100,145)
-
#3f6d9f
#3f6d9f
rgb(63,109,159)
-
#4577ad
#4577ad
rgb(69,119,173)
-
#4d81b8
#4d81b8
rgb(77,129,184)
-
#5b8bbe
#5b8bbe
rgb(91,139,190)
-
#6995c4
#6995c4
rgb(105,149,196)
-
#779fc9
#779fc9
rgb(119,159,201)
-
#85a9cf
#85a9cf
rgb(133,169,207)
-
#93b3d4
#93b3d4
rgb(147,179,212)
-
#a1bdda
#a1bdda
rgb(161,189,218)
-
#afc6df
#afc6df
rgb(175,198,223)
-
#bdd0e5
#bdd0e5
rgb(189,208,229)
-
#cbdaeb
#cbdaeb
rgb(203,218,235)
-
#dae4f0
#dae4f0
rgb(218,228,240)
-
#e8eef6
#e8eef6
rgb(232,238,246)
-
#f6f8fb
#f6f8fb
rgb(246,248,251)
Tones of #345a83
A tone is produced by adding gray to any pure hue. In this case, #575b60 is the less saturated color, while #0358b4 is the most saturated one.
-
#575b60
#575b60
rgb(87,91,96)
-
#505b67
#505b67
rgb(80,91,103)
-
#495b6e
#495b6e
rgb(73,91,110)
-
#425b75
#425b75
rgb(66,91,117)
-
#3b5a7c
#3b5a7c
rgb(59,90,124)
-
#345a83
#345a83
rgb(52,90,131)
-
#2d5a8a
#2d5a8a
rgb(45,90,138)
-
#265991
#265991
rgb(38,89,145)
-
#1f5998
#1f5998
rgb(31,89,152)
-
#18599f
#18599f
rgb(24,89,159)
-
#1159a6
#1159a6
rgb(17,89,166)
-
#0a58ad
#0a58ad
rgb(10,88,173)
-
#0358b4
#0358b4
rgb(3,88,180)
Color Blindness Simulator
Below, you can see how #345a83 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.