#346ccc Color Information
In a RGB color space, hex #346ccc is composed of 20.4% red, 42.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 47.1% magenta, 0% yellow and 20% black. It has a hue angle of 217.9 degrees, a saturation of 59.8% and a lightness of 50.2%. #346ccc color hex could be obtained by blending #68d8ff with #000099. Closest websafe color is: #3366cc.
-
- R 20
- G 42
- B 80
-
- C 75
- M 47
- Y 0
- K 20
● #346ccc color description : Moderate blue.
#346ccc Color Conversion
The hexadecimal color #346ccc has RGB values of R:52, G:108, B:204 and CMYK values of C:0.75, M:0.47, Y:0, K:0.2. Its decimal value is 3435724.
Hex triplet | 346ccc | #346ccc |
---|---|---|
RGB Decimal | 52, 108, 204 | rgb(52,108,204) |
RGB Percent | 20.4, 42.4, 80 | rgb(20.4%,42.4%,80%) |
CMYK | 75, 47, 0, 20 | |
HSL | 217.9°, 59.8, 50.2 | hsl(217.9,59.8%,50.2%) |
HSV (or HSB) | 217.9°, 74.5, 80 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.729, 15.012, -55.124 |
---|---|
XYZ | 17.675, 15.814, 59.244 |
xyY | 0.191, 0.171, 15.814 |
CIE-LCH | 46.729, 57.132, 285.234 |
CIE-LUV | 46.729, -20.903, -84.654 |
Hunter-Lab | 39.766, 9.749, -60.495 |
Binary | 00110100, 01101100, 11001100 |
Color Schemes with #346ccc
Alternatives to #346ccc
Below, you can see some colors close to #346ccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346ccc Preview
This text has a font color of #346ccc.
<span style="color:#346ccc;">Text here</span>
This paragraph has a background color of #346ccc.
<p style="background-color:#346ccc;">Content here</p>
This element has a border color of #346ccc.
<div style="border:1px solid #346ccc;">Content here</div>
.text {color:#346ccc;}
.background {background-color:#346ccc;}
.border {border:1px solid #346ccc;}
Shades and Tints of #346ccc
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, #000001 is the darkest color, while #f0f4fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#040910
#040910
rgb(4,9,16)
-
#081120
#081120
rgb(8,17,32)
-
#0c1930
#0c1930
rgb(12,25,48)
-
#102140
#102140
rgb(16,33,64)
-
#142a4f
#142a4f
rgb(20,42,79)
-
#18325f
#18325f
rgb(24,50,95)
-
#1c3a6f
#1c3a6f
rgb(28,58,111)
-
#20437e
#20437e
rgb(32,67,126)
-
#244b8e
#244b8e
rgb(36,75,142)
-
#28539e
#28539e
rgb(40,83,158)
-
#2c5bad
#2c5bad
rgb(44,91,173)
-
#2f64bd
#2f64bd
rgb(47,100,189)
-
#346ccc
#346ccc
rgb(52,108,204)
-
#4477d0
#4477d0
rgb(68,119,208)
-
#5383d4
#5383d4
rgb(83,131,212)
-
#638ed8
#638ed8
rgb(99,142,216)
-
#7399dc
#7399dc
rgb(115,153,220)
-
#82a5e0
#82a5e0
rgb(130,165,224)
-
#92b0e4
#92b0e4
rgb(146,176,228)
-
#a2bbe8
#a2bbe8
rgb(162,187,232)
-
#b1c7ec
#b1c7ec
rgb(177,199,236)
-
#c1d2ef
#c1d2ef
rgb(193,210,239)
-
#d1def3
#d1def3
rgb(209,222,243)
-
#e0e9f7
#e0e9f7
rgb(224,233,247)
-
#f0f4fb
#f0f4fb
rgb(240,244,251)
Tones of #346ccc
A tone is produced by adding gray to any pure hue. In this case, #787e88 is the less saturated color, while #035ffd is the most saturated one.
-
#787e88
#787e88
rgb(120,126,136)
-
#6f7b91
#6f7b91
rgb(111,123,145)
-
#65799b
#65799b
rgb(101,121,155)
-
#5b76a5
#5b76a5
rgb(91,118,165)
-
#5174af
#5174af
rgb(81,116,175)
-
#4871b8
#4871b8
rgb(72,113,184)
-
#3e6fc2
#3e6fc2
rgb(62,111,194)
-
#346ccc
#346ccc
rgb(52,108,204)
-
#2a69d6
#2a69d6
rgb(42,105,214)
-
#2067e0
#2067e0
rgb(32,103,224)
-
#1764e9
#1764e9
rgb(23,100,233)
-
#0d62f3
#0d62f3
rgb(13,98,243)
-
#035ffd
#035ffd
rgb(3,95,253)
Color Blindness Simulator
Below, you can see how #346ccc 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.