#346a83 Color Information
In a RGB color space, hex #346a83 is composed of 20.4% red, 41.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 19.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 199 degrees, a saturation of 43.2% and a lightness of 35.9%. #346a83 color hex could be obtained by blending #68d4ff with #000007. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 51
-
- C 60
- M 19
- Y 0
- K 49
● #346a83 color description : Dark moderate blue.
#346a83 Color Conversion
The hexadecimal color #346a83 has RGB values of R:52, G:106, B:131 and CMYK values of C:0.6, M:0.19, Y:0, K:0.49. Its decimal value is 3435139.
Hex triplet | 346a83 | #346a83 |
---|---|---|
RGB Decimal | 52, 106, 131 | rgb(52,106,131) |
RGB Percent | 20.4, 41.6, 51.4 | rgb(20.4%,41.6%,51.4%) |
CMYK | 60, 19, 0, 49 | |
HSL | 199°, 43.2, 35.9 | hsl(199,43.2%,35.9%) |
HSV (or HSB) | 199°, 60.3, 51.4 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 42.271, -9.999, -19.255 |
---|---|
XYZ | 10.666, 12.676, 23.356 |
xyY | 0.228, 0.271, 12.676 |
CIE-LCH | 42.271, 21.697, 242.559 |
CIE-LUV | 42.271, -22.166, -25.919 |
Hunter-Lab | 35.603, -8.832, -13.972 |
Binary | 00110100, 01101010, 10000011 |
Color Schemes with #346a83
Alternatives to #346a83
Below, you can see some colors close to #346a83. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346a83 Preview
This text has a font color of #346a83.
<span style="color:#346a83;">Text here</span>
This paragraph has a background color of #346a83.
<p style="background-color:#346a83;">Content here</p>
This element has a border color of #346a83.
<div style="border:1px solid #346a83;">Content here</div>
.text {color:#346a83;}
.background {background-color:#346a83;}
.border {border:1px solid #346a83;}
Shades and Tints of #346a83
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, #020405 is the darkest color, while #f6f9fb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#070f13
#070f13
rgb(7,15,19)
-
#0d1a21
#0d1a21
rgb(13,26,33)
-
#13262f
#13262f
rgb(19,38,47)
-
#18313d
#18313d
rgb(24,49,61)
-
#1e3d4b
#1e3d4b
rgb(30,61,75)
-
#234859
#234859
rgb(35,72,89)
-
#295367
#295367
rgb(41,83,103)
-
#2e5f75
#2e5f75
rgb(46,95,117)
-
#346a83
#346a83
rgb(52,106,131)
-
#3a7591
#3a7591
rgb(58,117,145)
-
#3f819f
#3f819f
rgb(63,129,159)
-
#458cad
#458cad
rgb(69,140,173)
-
#4d96b8
#4d96b8
rgb(77,150,184)
-
#5b9fbe
#5b9fbe
rgb(91,159,190)
-
#69a7c4
#69a7c4
rgb(105,167,196)
-
#77afc9
#77afc9
rgb(119,175,201)
-
#85b7cf
#85b7cf
rgb(133,183,207)
-
#93c0d4
#93c0d4
rgb(147,192,212)
-
#a1c8da
#a1c8da
rgb(161,200,218)
-
#afd0df
#afd0df
rgb(175,208,223)
-
#bdd8e5
#bdd8e5
rgb(189,216,229)
-
#cbe1eb
#cbe1eb
rgb(203,225,235)
-
#dae9f0
#dae9f0
rgb(218,233,240)
-
#e8f1f6
#e8f1f6
rgb(232,241,246)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #346a83
A tone is produced by adding gray to any pure hue. In this case, #575d60 is the less saturated color, while #037cb4 is the most saturated one.
-
#575d60
#575d60
rgb(87,93,96)
-
#506067
#506067
rgb(80,96,103)
-
#49626e
#49626e
rgb(73,98,110)
-
#426575
#426575
rgb(66,101,117)
-
#3b677c
#3b677c
rgb(59,103,124)
-
#346a83
#346a83
rgb(52,106,131)
-
#2d6d8a
#2d6d8a
rgb(45,109,138)
-
#266f91
#266f91
rgb(38,111,145)
-
#1f7298
#1f7298
rgb(31,114,152)
-
#18749f
#18749f
rgb(24,116,159)
-
#1177a6
#1177a6
rgb(17,119,166)
-
#0a7aad
#0a7aad
rgb(10,122,173)
-
#037cb4
#037cb4
rgb(3,124,180)
Color Blindness Simulator
Below, you can see how #346a83 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.