#346ea5 Color Information
In a RGB color space, hex #346ea5 is composed of 20.4% red, 43.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 33.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 209.2 degrees, a saturation of 52.1% and a lightness of 42.5%. #346ea5 color hex could be obtained by blending #68dcff with #00004b. Closest websafe color is: #336699.
-
- R 20
- G 43
- B 65
-
- C 68
- M 33
- Y 0
- K 35
● #346ea5 color description : Dark moderate blue.
#346ea5 Color Conversion
The hexadecimal color #346ea5 has RGB values of R:52, G:110, B:165 and CMYK values of C:0.68, M:0.33, Y:0, K:0.35. Its decimal value is 3436197.
Hex triplet | 346ea5 | #346ea5 |
---|---|---|
RGB Decimal | 52, 110, 165 | rgb(52,110,165) |
RGB Percent | 20.4, 43.1, 64.7 | rgb(20.4%,43.1%,64.7%) |
CMYK | 68, 33, 0, 35 | |
HSL | 209.2°, 52.1, 42.5 | hsl(209.2,52.1%,42.5%) |
HSV (or HSB) | 209.2°, 68.5, 64.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.078, -0.586, -35.116 |
---|---|
XYZ | 13.782, 14.598, 37.687 |
xyY | 0.209, 0.221, 14.598 |
CIE-LCH | 45.078, 35.121, 269.044 |
CIE-LUV | 45.078, -22.515, -51.814 |
Hunter-Lab | 38.207, -2.473, -31.738 |
Binary | 00110100, 01101110, 10100101 |
Color Schemes with #346ea5
Alternatives to #346ea5
Below, you can see some colors close to #346ea5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346ea5 Preview
This text has a font color of #346ea5.
<span style="color:#346ea5;">Text here</span>
This paragraph has a background color of #346ea5.
<p style="background-color:#346ea5;">Content here</p>
This element has a border color of #346ea5.
<div style="border:1px solid #346ea5;">Content here</div>
.text {color:#346ea5;}
.background {background-color:#346ea5;}
.border {border:1px solid #346ea5;}
Shades and Tints of #346ea5
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, #000101 is the darkest color, while #f1f6fb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050b10
#050b10
rgb(5,11,16)
-
#0a151f
#0a151f
rgb(10,21,31)
-
#0e1e2e
#0e1e2e
rgb(14,30,46)
-
#13283d
#13283d
rgb(19,40,61)
-
#18324c
#18324c
rgb(24,50,76)
-
#1c3c5a
#1c3c5a
rgb(28,60,90)
-
#214669
#214669
rgb(33,70,105)
-
#265078
#265078
rgb(38,80,120)
-
#2b5a87
#2b5a87
rgb(43,90,135)
-
#2f6496
#2f6496
rgb(47,100,150)
-
#346ea5
#346ea5
rgb(52,110,165)
-
#3978b4
#3978b4
rgb(57,120,180)
-
#3e82c2
#3e82c2
rgb(62,130,194)
-
#4d8cc7
#4d8cc7
rgb(77,140,199)
-
#5c95cc
#5c95cc
rgb(92,149,204)
-
#6b9fd0
#6b9fd0
rgb(107,159,208)
-
#7aa9d5
#7aa9d5
rgb(122,169,213)
-
#89b2da
#89b2da
rgb(137,178,218)
-
#98bcde
#98bcde
rgb(152,188,222)
-
#a6c6e3
#a6c6e3
rgb(166,198,227)
-
#b5cfe8
#b5cfe8
rgb(181,207,232)
-
#c4d9ec
#c4d9ec
rgb(196,217,236)
-
#d3e3f1
#d3e3f1
rgb(211,227,241)
-
#e2ecf6
#e2ecf6
rgb(226,236,246)
-
#f1f6fb
#f1f6fb
rgb(241,246,251)
Tones of #346ea5
A tone is produced by adding gray to any pure hue. In this case, #666d73 is the less saturated color, while #026fd7 is the most saturated one.
-
#666d73
#666d73
rgb(102,109,115)
-
#5e6d7b
#5e6d7b
rgb(94,109,123)
-
#556d84
#556d84
rgb(85,109,132)
-
#4d6d8c
#4d6d8c
rgb(77,109,140)
-
#456e94
#456e94
rgb(69,110,148)
-
#3c6e9d
#3c6e9d
rgb(60,110,157)
-
#346ea5
#346ea5
rgb(52,110,165)
-
#2c6ead
#2c6ead
rgb(44,110,173)
-
#236eb6
#236eb6
rgb(35,110,182)
-
#1b6fbe
#1b6fbe
rgb(27,111,190)
-
#136fc6
#136fc6
rgb(19,111,198)
-
#0a6fcf
#0a6fcf
rgb(10,111,207)
-
#026fd7
#026fd7
rgb(2,111,215)
Color Blindness Simulator
Below, you can see how #346ea5 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.