#346ae0 Color Information
In a RGB color space, hex #346ae0 is composed of 20.4% red, 41.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 52.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 221.2 degrees, a saturation of 73.5% and a lightness of 54.1%. #346ae0 color hex could be obtained by blending #68d4ff with #0000c1. Closest websafe color is: #3366cc.
-
- R 20
- G 42
- B 88
-
- C 77
- M 53
- Y 0
- K 12
● #346ae0 color description : Bright blue.
#346ae0 Color Conversion
The hexadecimal color #346ae0 has RGB values of R:52, G:106, B:224 and CMYK values of C:0.77, M:0.53, Y:0, K:0.12. Its decimal value is 3435232.
Hex triplet | 346ae0 | #346ae0 |
---|---|---|
RGB Decimal | 52, 106, 224 | rgb(52,106,224) |
RGB Percent | 20.4, 41.6, 87.8 | rgb(20.4%,41.6%,87.8%) |
CMYK | 77, 53, 0, 12 | |
HSL | 221.2°, 73.5, 54.1 | hsl(221.2,73.5%,54.1%) |
HSV (or HSB) | 221.2°, 76.8, 87.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.519, 23.716, -65.235 |
---|---|
XYZ | 20.022, 16.418, 72.631 |
xyY | 0.184, 0.151, 16.418 |
CIE-LCH | 47.519, 69.412, 289.978 |
CIE-LUV | 47.519, -20.037, -100.788 |
Hunter-Lab | 40.52, 17.292, -77.912 |
Binary | 00110100, 01101010, 11100000 |
Color Schemes with #346ae0
Alternatives to #346ae0
Below, you can see some colors close to #346ae0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346ae0 Preview
This text has a font color of #346ae0.
<span style="color:#346ae0;">Text here</span>
This paragraph has a background color of #346ae0.
<p style="background-color:#346ae0;">Content here</p>
This element has a border color of #346ae0.
<div style="border:1px solid #346ae0;">Content here</div>
.text {color:#346ae0;}
.background {background-color:#346ae0;}
.border {border:1px solid #346ae0;}
Shades and Tints of #346ae0
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, #000101 is the darkest color, while #eff3fd is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#030812
#030812
rgb(3,8,18)
-
#050f23
#050f23
rgb(5,15,35)
-
#081634
#081634
rgb(8,22,52)
-
#0b1d45
#0b1d45
rgb(11,29,69)
-
#0d2456
#0d2456
rgb(13,36,86)
-
#102b67
#102b67
rgb(16,43,103)
-
#123278
#123278
rgb(18,50,120)
-
#153a89
#153a89
rgb(21,58,137)
-
#18419a
#18419a
rgb(24,65,154)
-
#1a48ab
#1a48ab
rgb(26,72,171)
-
#1d4fbc
#1d4fbc
rgb(29,79,188)
-
#1f56cd
#1f56cd
rgb(31,86,205)
-
#235edd
#235edd
rgb(35,94,221)
-
#346ae0
#346ae0
rgb(52,106,224)
-
#4576e3
#4576e3
rgb(69,118,227)
-
#5683e5
#5683e5
rgb(86,131,229)
-
#678fe8
#678fe8
rgb(103,143,232)
-
#789cea
#789cea
rgb(120,156,234)
-
#89a8ed
#89a8ed
rgb(137,168,237)
-
#9ab5f0
#9ab5f0
rgb(154,181,240)
-
#abc1f2
#abc1f2
rgb(171,193,242)
-
#bccef5
#bccef5
rgb(188,206,245)
-
#cddaf7
#cddaf7
rgb(205,218,247)
-
#dee7fa
#dee7fa
rgb(222,231,250)
-
#eff3fd
#eff3fd
rgb(239,243,253)
Tones of #346ae0
A tone is produced by adding gray to any pure hue. In this case, #85888f is the less saturated color, while #1960fb is the most saturated one.
-
#85888f
#85888f
rgb(133,136,143)
-
#7c8598
#7c8598
rgb(124,133,152)
-
#7381a1
#7381a1
rgb(115,129,161)
-
#6a7eaa
#6a7eaa
rgb(106,126,170)
-
#617bb3
#617bb3
rgb(97,123,179)
-
#5877bc
#5877bc
rgb(88,119,188)
-
#4f74c5
#4f74c5
rgb(79,116,197)
-
#4671ce
#4671ce
rgb(70,113,206)
-
#3d6dd7
#3d6dd7
rgb(61,109,215)
-
#346ae0
#346ae0
rgb(52,106,224)
-
#2b67e9
#2b67e9
rgb(43,103,233)
-
#2263f2
#2263f2
rgb(34,99,242)
-
#1960fb
#1960fb
rgb(25,96,251)
Color Blindness Simulator
Below, you can see how #346ae0 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.