#346ea2 Color Information
In a RGB color space, hex #346ea2 is composed of 20.4% red, 43.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 32.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 208.4 degrees, a saturation of 51.4% and a lightness of 42%. #346ea2 color hex could be obtained by blending #68dcff with #000045. Closest websafe color is: #336699.
-
- R 20
- G 43
- B 64
-
- C 68
- M 32
- Y 0
- K 36
● #346ea2 color description : Dark moderate blue.
#346ea2 Color Conversion
The hexadecimal color #346ea2 has RGB values of R:52, G:110, B:162 and CMYK values of C:0.68, M:0.32, Y:0, K:0.36. Its decimal value is 3436194.
Hex triplet | 346ea2 | #346ea2 |
---|---|---|
RGB Decimal | 52, 110, 162 | rgb(52,110,162) |
RGB Percent | 20.4, 43.1, 63.5 | rgb(20.4%,43.1%,63.5%) |
CMYK | 68, 32, 0, 36 | |
HSL | 208.4°, 51.4, 42 | hsl(208.4,51.4%,42%) |
HSV (or HSB) | 208.4°, 67.9, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.927, -1.662, -33.588 |
---|---|
XYZ | 13.512, 14.49, 36.265 |
xyY | 0.21, 0.225, 14.49 |
CIE-LCH | 44.927, 33.63, 267.168 |
CIE-LUV | 44.927, -22.609, -49.291 |
Hunter-Lab | 38.065, -3.251, -29.841 |
Binary | 00110100, 01101110, 10100010 |
Color Schemes with #346ea2
Alternatives to #346ea2
Below, you can see some colors close to #346ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346ea2 Preview
This text has a font color of #346ea2.
<span style="color:#346ea2;">Text here</span>
This paragraph has a background color of #346ea2.
<p style="background-color:#346ea2;">Content here</p>
This element has a border color of #346ea2.
<div style="border:1px solid #346ea2;">Content here</div>
.text {color:#346ea2;}
.background {background-color:#346ea2;}
.border {border:1px solid #346ea2;}
Shades and Tints of #346ea2
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, #04090e is the darkest color, while #fefeff is the lightest one.
-
#04090e
#04090e
rgb(4,9,14)
-
#09131c
#09131c
rgb(9,19,28)
-
#0e1d2b
#0e1d2b
rgb(14,29,43)
-
#13273a
#13273a
rgb(19,39,58)
-
#173249
#173249
rgb(23,50,73)
-
#1c3c58
#1c3c58
rgb(28,60,88)
-
#214667
#214667
rgb(33,70,103)
-
#265075
#265075
rgb(38,80,117)
-
#2a5a84
#2a5a84
rgb(42,90,132)
-
#2f6493
#2f6493
rgb(47,100,147)
-
#346ea2
#346ea2
rgb(52,110,162)
-
#3978b1
#3978b1
rgb(57,120,177)
-
#3e82c0
#3e82c0
rgb(62,130,192)
-
#4b8cc5
#4b8cc5
rgb(75,140,197)
-
#5a95ca
#5a95ca
rgb(90,149,202)
-
#699fcf
#699fcf
rgb(105,159,207)
-
#78a8d4
#78a8d4
rgb(120,168,212)
-
#87b2d8
#87b2d8
rgb(135,178,216)
-
#96bbdd
#96bbdd
rgb(150,187,221)
-
#a5c5e2
#a5c5e2
rgb(165,197,226)
-
#b3cee7
#b3cee7
rgb(179,206,231)
-
#c2d8ec
#c2d8ec
rgb(194,216,236)
-
#d1e2f0
#d1e2f0
rgb(209,226,240)
-
#e0ebf5
#e0ebf5
rgb(224,235,245)
-
#eff5fa
#eff5fa
rgb(239,245,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #346ea2
A tone is produced by adding gray to any pure hue. In this case, #656b71 is the less saturated color, while #0371d3 is the most saturated one.
-
#656b71
#656b71
rgb(101,107,113)
-
#5d6c79
#5d6c79
rgb(93,108,121)
-
#556c81
#556c81
rgb(85,108,129)
-
#4d6d89
#4d6d89
rgb(77,109,137)
-
#446d92
#446d92
rgb(68,109,146)
-
#3c6e9a
#3c6e9a
rgb(60,110,154)
-
#346ea2
#346ea2
rgb(52,110,162)
-
#2c6eaa
#2c6eaa
rgb(44,110,170)
-
#246fb2
#246fb2
rgb(36,111,178)
-
#1b6fbb
#1b6fbb
rgb(27,111,187)
-
#1370c3
#1370c3
rgb(19,112,195)
-
#0b70cb
#0b70cb
rgb(11,112,203)
-
#0371d3
#0371d3
rgb(3,113,211)
Color Blindness Simulator
Below, you can see how #346ea2 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.