#345ef6 Color Information
In a RGB color space, hex #345ef6 is composed of 20.4% red, 36.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 61.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 227 degrees, a saturation of 91.5% and a lightness of 58.4%. #345ef6 color hex could be obtained by blending #68bcff with #0000ed. Closest websafe color is: #3366ff.
-
- R 20
- G 37
- B 96
-
- C 79
- M 62
- Y 0
- K 4
● #345ef6 color description : Bright blue.
#345ef6 Color Conversion
The hexadecimal color #345ef6 has RGB values of R:52, G:94, B:246 and CMYK values of C:0.79, M:0.62, Y:0, K:0.04. Its decimal value is 3432182.
Hex triplet | 345ef6 | #345ef6 |
---|---|---|
RGB Decimal | 52, 94, 246 | rgb(52,94,246) |
RGB Percent | 20.4, 36.9, 96.5 | rgb(20.4%,36.9%,96.5%) |
CMYK | 79, 62, 0, 4 | |
HSL | 227°, 91.5, 58.4 | hsl(227,91.5%,58.4%) |
HSV (or HSB) | 227°, 78.9, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.161, 39.293, -79.82 |
---|---|
XYZ | 22.05, 15.388, 88.992 |
xyY | 0.174, 0.122, 15.388 |
CIE-LCH | 46.161, 88.967, 296.21 |
CIE-LUV | 46.161, -16.906, -121.175 |
Hunter-Lab | 39.227, 31.689, -107.048 |
Binary | 00110100, 01011110, 11110110 |
Color Schemes with #345ef6
Alternatives to #345ef6
Below, you can see some colors close to #345ef6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ef6 Preview
This text has a font color of #345ef6.
<span style="color:#345ef6;">Text here</span>
This paragraph has a background color of #345ef6.
<p style="background-color:#345ef6;">Content here</p>
This element has a border color of #345ef6.
<div style="border:1px solid #345ef6;">Content here</div>
.text {color:#345ef6;}
.background {background-color:#345ef6;}
.border {border:1px solid #345ef6;}
Shades and Tints of #345ef6
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, #000104 is the darkest color, while #f0f3fe is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#010616
#010616
rgb(1,6,22)
-
#020a29
#020a29
rgb(2,10,41)
-
#030f3c
#030f3c
rgb(3,15,60)
-
#03144f
#03144f
rgb(3,20,79)
-
#041962
#041962
rgb(4,25,98)
-
#051d74
#051d74
rgb(5,29,116)
-
#062287
#062287
rgb(6,34,135)
-
#07279a
#07279a
rgb(7,39,154)
-
#082bad
#082bad
rgb(8,43,173)
-
#0830bf
#0830bf
rgb(8,48,191)
-
#0935d2
#0935d2
rgb(9,53,210)
-
#0a3ae5
#0a3ae5
rgb(10,58,229)
-
#0e40f4
#0e40f4
rgb(14,64,244)
-
#214ff5
#214ff5
rgb(33,79,245)
-
#345ef6
#345ef6
rgb(52,94,246)
-
#476df7
#476df7
rgb(71,109,247)
-
#5a7cf8
#5a7cf8
rgb(90,124,248)
-
#6c8bf8
#6c8bf8
rgb(108,139,248)
-
#7f9af9
#7f9af9
rgb(127,154,249)
-
#92a8fa
#92a8fa
rgb(146,168,250)
-
#a5b7fb
#a5b7fb
rgb(165,183,251)
-
#b7c6fc
#b7c6fc
rgb(183,198,252)
-
#cad5fd
#cad5fd
rgb(202,213,253)
-
#dde4fd
#dde4fd
rgb(221,228,253)
-
#f0f3fe
#f0f3fe
rgb(240,243,254)
Tones of #345ef6
A tone is produced by adding gray to any pure hue. In this case, #8e919c is the less saturated color, while #2c59fe is the most saturated one.
-
#8e919c
#8e919c
rgb(142,145,156)
-
#868ca4
#868ca4
rgb(134,140,164)
-
#7d88ad
#7d88ad
rgb(125,136,173)
-
#7583b5
#7583b5
rgb(117,131,181)
-
#6d7ebd
#6d7ebd
rgb(109,126,189)
-
#657ac5
#657ac5
rgb(101,122,197)
-
#5d75cd
#5d75cd
rgb(93,117,205)
-
#5570d5
#5570d5
rgb(85,112,213)
-
#4c6cde
#4c6cde
rgb(76,108,222)
-
#4467e6
#4467e6
rgb(68,103,230)
-
#3c63ee
#3c63ee
rgb(60,99,238)
-
#345ef6
#345ef6
rgb(52,94,246)
-
#2c59fe
#2c59fe
rgb(44,89,254)
Color Blindness Simulator
Below, you can see how #345ef6 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.