#346aa2 Color Information
In a RGB color space, hex #346aa2 is composed of 20.4% red, 41.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 34.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 210.5 degrees, a saturation of 51.4% and a lightness of 42%. #346aa2 color hex could be obtained by blending #68d4ff with #000045. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 64
-
- C 68
- M 35
- Y 0
- K 36
● #346aa2 color description : Dark moderate blue.
#346aa2 Color Conversion
The hexadecimal color #346aa2 has RGB values of R:52, G:106, B:162 and CMYK values of C:0.68, M:0.35, Y:0, K:0.36. Its decimal value is 3435170.
Hex triplet | 346aa2 | #346aa2 |
---|---|---|
RGB Decimal | 52, 106, 162 | rgb(52,106,162) |
RGB Percent | 20.4, 41.6, 63.5 | rgb(20.4%,41.6%,63.5%) |
CMYK | 68, 35, 0, 36 | |
HSL | 210.5°, 51.4, 42 | hsl(210.5,51.4%,42%) |
HSV (or HSB) | 210.5°, 67.9, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.721, 0.794, -35.489 |
---|---|
XYZ | 13.09, 13.646, 36.124 |
xyY | 0.208, 0.217, 13.646 |
CIE-LCH | 43.721, 35.498, 271.281 |
CIE-LUV | 43.721, -21.199, -52.168 |
Hunter-Lab | 36.94, -1.392, -32.122 |
Binary | 00110100, 01101010, 10100010 |
Color Schemes with #346aa2
Alternatives to #346aa2
Below, you can see some colors close to #346aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346aa2 Preview
This text has a font color of #346aa2.
<span style="color:#346aa2;">Text here</span>
This paragraph has a background color of #346aa2.
<p style="background-color:#346aa2;">Content here</p>
This element has a border color of #346aa2.
<div style="border:1px solid #346aa2;">Content here</div>
.text {color:#346aa2;}
.background {background-color:#346aa2;}
.border {border:1px solid #346aa2;}
Shades and Tints of #346aa2
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)
-
#0e1c2b
#0e1c2b
rgb(14,28,43)
-
#13263a
#13263a
rgb(19,38,58)
-
#173049
#173049
rgb(23,48,73)
-
#1c3958
#1c3958
rgb(28,57,88)
-
#214367
#214367
rgb(33,67,103)
-
#264d75
#264d75
rgb(38,77,117)
-
#2a5784
#2a5784
rgb(42,87,132)
-
#2f6093
#2f6093
rgb(47,96,147)
-
#346aa2
#346aa2
rgb(52,106,162)
-
#3974b1
#3974b1
rgb(57,116,177)
-
#3e7dc0
#3e7dc0
rgb(62,125,192)
-
#4b87c5
#4b87c5
rgb(75,135,197)
-
#5a91ca
#5a91ca
rgb(90,145,202)
-
#699bcf
#699bcf
rgb(105,155,207)
-
#78a5d4
#78a5d4
rgb(120,165,212)
-
#87afd8
#87afd8
rgb(135,175,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)
-
#d1e0f0
#d1e0f0
rgb(209,224,240)
-
#e0eaf5
#e0eaf5
rgb(224,234,245)
-
#eff4fa
#eff4fa
rgb(239,244,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #346aa2
A tone is produced by adding gray to any pure hue. In this case, #656b71 is the less saturated color, while #0369d3 is the most saturated one.
-
#656b71
#656b71
rgb(101,107,113)
-
#5d6b79
#5d6b79
rgb(93,107,121)
-
#556b81
#556b81
rgb(85,107,129)
-
#4d6a89
#4d6a89
rgb(77,106,137)
-
#446a92
#446a92
rgb(68,106,146)
-
#3c6a9a
#3c6a9a
rgb(60,106,154)
-
#346aa2
#346aa2
rgb(52,106,162)
-
#2c6aaa
#2c6aaa
rgb(44,106,170)
-
#246ab2
#246ab2
rgb(36,106,178)
-
#1b6abb
#1b6abb
rgb(27,106,187)
-
#1369c3
#1369c3
rgb(19,105,195)
-
#0b69cb
#0b69cb
rgb(11,105,203)
-
#0369d3
#0369d3
rgb(3,105,211)
Color Blindness Simulator
Below, you can see how #346aa2 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.