#346ad3 Color Information
In a RGB color space, hex #346ad3 is composed of 20.4% red, 41.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 49.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 219.6 degrees, a saturation of 64.4% and a lightness of 51.6%. #346ad3 color hex could be obtained by blending #68d4ff with #0000a7. Closest websafe color is: #3366cc.
-
- R 20
- G 42
- B 83
-
- C 75
- M 50
- Y 0
- K 17
● #346ad3 color description : Strong blue.
#346ad3 Color Conversion
The hexadecimal color #346ad3 has RGB values of R:52, G:106, B:211 and CMYK values of C:0.75, M:0.5, Y:0, K:0.17. Its decimal value is 3435219.
Hex triplet | 346ad3 | #346ad3 |
---|---|---|
RGB Decimal | 52, 106, 211 | rgb(52,106,211) |
RGB Percent | 20.4, 41.6, 82.7 | rgb(20.4%,41.6%,82.7%) |
CMYK | 75, 50, 0, 17 | |
HSL | 219.6°, 64.4, 51.6 | hsl(219.6,64.4%,51.6%) |
HSV (or HSB) | 219.6°, 75.4, 82.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.631, 18.889, -59.284 |
---|---|
XYZ | 18.326, 15.74, 63.697 |
xyY | 0.187, 0.161, 15.74 |
CIE-LCH | 46.631, 62.22, 287.673 |
CIE-LUV | 46.631, -20.191, -91.155 |
Hunter-Lab | 39.674, 13.022, -67.42 |
Binary | 00110100, 01101010, 11010011 |
Color Schemes with #346ad3
Alternatives to #346ad3
Below, you can see some colors close to #346ad3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346ad3 Preview
This text has a font color of #346ad3.
<span style="color:#346ad3;">Text here</span>
This paragraph has a background color of #346ad3.
<p style="background-color:#346ad3;">Content here</p>
This element has a border color of #346ad3.
<div style="border:1px solid #346ad3;">Content here</div>
.text {color:#346ad3;}
.background {background-color:#346ad3;}
.border {border:1px solid #346ad3;}
Shades and Tints of #346ad3
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, #010307 is the darkest color, while #f5f8fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#050b17
#050b17
rgb(5,11,23)
-
#081327
#081327
rgb(8,19,39)
-
#0c1b37
#0c1b37
rgb(12,27,55)
-
#0f2247
#0f2247
rgb(15,34,71)
-
#132a57
#132a57
rgb(19,42,87)
-
#163267
#163267
rgb(22,50,103)
-
#1a3a77
#1a3a77
rgb(26,58,119)
-
#1d4188
#1d4188
rgb(29,65,136)
-
#214998
#214998
rgb(33,73,152)
-
#2451a8
#2451a8
rgb(36,81,168)
-
#2859b8
#2859b8
rgb(40,89,184)
-
#2b61c8
#2b61c8
rgb(43,97,200)
-
#346ad3
#346ad3
rgb(52,106,211)
-
#4476d6
#4476d6
rgb(68,118,214)
-
#5482da
#5482da
rgb(84,130,218)
-
#648ddd
#648ddd
rgb(100,141,221)
-
#7499e1
#7499e1
rgb(116,153,225)
-
#85a5e4
#85a5e4
rgb(133,165,228)
-
#95b1e8
#95b1e8
rgb(149,177,232)
-
#a5bdeb
#a5bdeb
rgb(165,189,235)
-
#b5c9ef
#b5c9ef
rgb(181,201,239)
-
#c5d4f2
#c5d4f2
rgb(197,212,242)
-
#d5e0f6
#d5e0f6
rgb(213,224,246)
-
#e5ecf9
#e5ecf9
rgb(229,236,249)
-
#f5f8fd
#f5f8fd
rgb(245,248,253)
Tones of #346ad3
A tone is produced by adding gray to any pure hue. In this case, #808287 is the less saturated color, while #0e5ef9 is the most saturated one.
-
#808287
#808287
rgb(128,130,135)
-
#777f91
#777f91
rgb(119,127,145)
-
#6d7c9a
#6d7c9a
rgb(109,124,154)
-
#6479a4
#6479a4
rgb(100,121,164)
-
#5a76ad
#5a76ad
rgb(90,118,173)
-
#5173b7
#5173b7
rgb(81,115,183)
-
#4770c0
#4770c0
rgb(71,112,192)
-
#3e6dca
#3e6dca
rgb(62,109,202)
-
#346ad3
#346ad3
rgb(52,106,211)
-
#2b67dd
#2b67dd
rgb(43,103,221)
-
#2164e6
#2164e6
rgb(33,100,230)
-
#1861f0
#1861f0
rgb(24,97,240)
-
#0e5ef9
#0e5ef9
rgb(14,94,249)
Color Blindness Simulator
Below, you can see how #346ad3 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.