#346ba2 Color Information
In a RGB color space, hex #346ba2 is composed of 20.4% red, 42% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 34% magenta, 0% yellow and 36.5% black. It has a hue angle of 210 degrees, a saturation of 51.4% and a lightness of 42%. #346ba2 color hex could be obtained by blending #68d6ff with #000045. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 64
-
- C 68
- M 34
- Y 0
- K 36
● #346ba2 color description : Dark moderate blue.
#346ba2 Color Conversion
The hexadecimal color #346ba2 has RGB values of R:52, G:107, B:162 and CMYK values of C:0.68, M:0.34, Y:0, K:0.36. Its decimal value is 3435426.
Hex triplet | 346ba2 | #346ba2 |
---|---|---|
RGB Decimal | 52, 107, 162 | rgb(52,107,162) |
RGB Percent | 20.4, 42, 63.5 | rgb(20.4%,42%,63.5%) |
CMYK | 68, 34, 0, 36 | |
HSL | 210°, 51.4, 42 | hsl(210,51.4%,42%) |
HSV (or HSB) | 210°, 67.9, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.022, 0.176, -35.014 |
---|---|
XYZ | 13.194, 13.853, 36.159 |
xyY | 0.209, 0.219, 13.853 |
CIE-LCH | 44.022, 35.015, 270.288 |
CIE-LUV | 44.022, -21.549, -51.456 |
Hunter-Lab | 37.22, -1.859, -31.546 |
Binary | 00110100, 01101011, 10100010 |
Color Schemes with #346ba2
Alternatives to #346ba2
Below, you can see some colors close to #346ba2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346ba2 Preview
This text has a font color of #346ba2.
<span style="color:#346ba2;">Text here</span>
This paragraph has a background color of #346ba2.
<p style="background-color:#346ba2;">Content here</p>
This element has a border color of #346ba2.
<div style="border:1px solid #346ba2;">Content here</div>
.text {color:#346ba2;}
.background {background-color:#346ba2;}
.border {border:1px solid #346ba2;}
Shades and Tints of #346ba2
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)
-
#13263a
#13263a
rgb(19,38,58)
-
#173049
#173049
rgb(23,48,73)
-
#1c3a58
#1c3a58
rgb(28,58,88)
-
#214467
#214467
rgb(33,68,103)
-
#264e75
#264e75
rgb(38,78,117)
-
#2a5784
#2a5784
rgb(42,87,132)
-
#2f6193
#2f6193
rgb(47,97,147)
-
#346ba2
#346ba2
rgb(52,107,162)
-
#3975b1
#3975b1
rgb(57,117,177)
-
#3e7fc0
#3e7fc0
rgb(62,127,192)
-
#4b88c5
#4b88c5
rgb(75,136,197)
-
#5a92ca
#5a92ca
rgb(90,146,202)
-
#699ccf
#699ccf
rgb(105,156,207)
-
#78a6d4
#78a6d4
rgb(120,166,212)
-
#87b0d8
#87b0d8
rgb(135,176,216)
-
#96b9dd
#96b9dd
rgb(150,185,221)
-
#a5c3e2
#a5c3e2
rgb(165,195,226)
-
#b3cde7
#b3cde7
rgb(179,205,231)
-
#c2d7ec
#c2d7ec
rgb(194,215,236)
-
#d1e1f0
#d1e1f0
rgb(209,225,240)
-
#e0ebf5
#e0ebf5
rgb(224,235,245)
-
#eff4fa
#eff4fa
rgb(239,244,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #346ba2
A tone is produced by adding gray to any pure hue. In this case, #656b71 is the less saturated color, while #036bd3 is the most saturated one.
-
#656b71
#656b71
rgb(101,107,113)
-
#5d6b79
#5d6b79
rgb(93,107,121)
-
#556b81
#556b81
rgb(85,107,129)
-
#4d6b89
#4d6b89
rgb(77,107,137)
-
#446b92
#446b92
rgb(68,107,146)
-
#3c6b9a
#3c6b9a
rgb(60,107,154)
-
#346ba2
#346ba2
rgb(52,107,162)
-
#2c6baa
#2c6baa
rgb(44,107,170)
-
#246bb2
#246bb2
rgb(36,107,178)
-
#1b6bbb
#1b6bbb
rgb(27,107,187)
-
#136bc3
#136bc3
rgb(19,107,195)
-
#0b6bcb
#0b6bcb
rgb(11,107,203)
-
#036bd3
#036bd3
rgb(3,107,211)
Color Blindness Simulator
Below, you can see how #346ba2 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.