#345ef4 Color Information
In a RGB color space, hex #345ef4 is composed of 20.4% red, 36.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 61.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 226.9 degrees, a saturation of 89.7% and a lightness of 58%. #345ef4 color hex could be obtained by blending #68bcff with #0000e9. Closest websafe color is: #3366ff.
-
- R 20
- G 37
- B 96
-
- C 79
- M 61
- Y 0
- K 4
● #345ef4 color description : Bright blue.
#345ef4 Color Conversion
The hexadecimal color #345ef4 has RGB values of R:52, G:94, B:244 and CMYK values of C:0.79, M:0.61, Y:0, K:0.04. Its decimal value is 3432180.
Hex triplet | 345ef4 | #345ef4 |
---|---|---|
RGB Decimal | 52, 94, 244 | rgb(52,94,244) |
RGB Percent | 20.4, 36.9, 95.7 | rgb(20.4%,36.9%,95.7%) |
CMYK | 79, 61, 0, 4 | |
HSL | 226.9°, 89.7, 58 | hsl(226.9,89.7%,58%) |
HSV (or HSB) | 226.9°, 78.7, 95.7 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.996, 38.579, -78.971 |
---|---|
XYZ | 21.745, 15.266, 87.384 |
xyY | 0.175, 0.123, 15.266 |
CIE-LCH | 45.996, 87.891, 296.037 |
CIE-LUV | 45.996, -16.893, -119.862 |
Hunter-Lab | 39.071, 30.968, -105.254 |
Binary | 00110100, 01011110, 11110100 |
Color Schemes with #345ef4
Alternatives to #345ef4
Below, you can see some colors close to #345ef4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ef4 Preview
This text has a font color of #345ef4.
<span style="color:#345ef4;">Text here</span>
This paragraph has a background color of #345ef4.
<p style="background-color:#345ef4;">Content here</p>
This element has a border color of #345ef4.
<div style="border:1px solid #345ef4;">Content here</div>
.text {color:#345ef4;}
.background {background-color:#345ef4;}
.border {border:1px solid #345ef4;}
Shades and Tints of #345ef4
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, #000002 is the darkest color, while #eef2fe is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#010514
#010514
rgb(1,5,20)
-
#020a27
#020a27
rgb(2,10,39)
-
#030f39
#030f39
rgb(3,15,57)
-
#04144c
#04144c
rgb(4,20,76)
-
#05195f
#05195f
rgb(5,25,95)
-
#061e71
#061e71
rgb(6,30,113)
-
#072284
#072284
rgb(7,34,132)
-
#082797
#082797
rgb(8,39,151)
-
#092ca9
#092ca9
rgb(9,44,169)
-
#0a31bc
#0a31bc
rgb(10,49,188)
-
#0b36ce
#0b36ce
rgb(11,54,206)
-
#0c3be1
#0c3be1
rgb(12,59,225)
-
#0f40f2
#0f40f2
rgb(15,64,242)
-
#214ff3
#214ff3
rgb(33,79,243)
-
#345ef4
#345ef4
rgb(52,94,244)
-
#476df5
#476df5
rgb(71,109,245)
-
#597cf6
#597cf6
rgb(89,124,246)
-
#6c8af7
#6c8af7
rgb(108,138,247)
-
#7e99f8
#7e99f8
rgb(126,153,248)
-
#91a8f9
#91a8f9
rgb(145,168,249)
-
#a4b7fa
#a4b7fa
rgb(164,183,250)
-
#b6c5fb
#b6c5fb
rgb(182,197,251)
-
#c9d4fc
#c9d4fc
rgb(201,212,252)
-
#dbe3fd
#dbe3fd
rgb(219,227,253)
-
#eef2fe
#eef2fe
rgb(238,242,254)
Tones of #345ef4
A tone is produced by adding gray to any pure hue. In this case, #8f9199 is the less saturated color, while #2c59fc is the most saturated one.
-
#8f9199
#8f9199
rgb(143,145,153)
-
#868ca2
#868ca2
rgb(134,140,162)
-
#7e88aa
#7e88aa
rgb(126,136,170)
-
#7683b2
#7683b2
rgb(118,131,178)
-
#6e7eba
#6e7eba
rgb(110,126,186)
-
#657ac3
#657ac3
rgb(101,122,195)
-
#5d75cb
#5d75cb
rgb(93,117,203)
-
#5571d3
#5571d3
rgb(85,113,211)
-
#4d6cdb
#4d6cdb
rgb(77,108,219)
-
#4467e4
#4467e4
rgb(68,103,228)
-
#3c63ec
#3c63ec
rgb(60,99,236)
-
#345ef4
#345ef4
rgb(52,94,244)
-
#2c59fc
#2c59fc
rgb(44,89,252)
Color Blindness Simulator
Below, you can see how #345ef4 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.