#345cec Color Information
In a RGB color space, hex #345cec is composed of 20.4% red, 36.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 61% magenta, 0% yellow and 7.5% black. It has a hue angle of 227 degrees, a saturation of 82.9% and a lightness of 56.5%. #345cec color hex could be obtained by blending #68b8ff with #0000d9. Closest websafe color is: #3366ff.
-
- R 20
- G 36
- B 93
-
- C 78
- M 61
- Y 0
- K 7
● #345cec color description : Bright blue.
#345cec Color Conversion
The hexadecimal color #345cec has RGB values of R:52, G:92, B:236 and CMYK values of C:0.78, M:0.61, Y:0, K:0.07. Its decimal value is 3431660.
Hex triplet | 345cec | #345cec |
---|---|---|
RGB Decimal | 52, 92, 236 | rgb(52,92,236) |
RGB Percent | 20.4, 36.1, 92.5 | rgb(20.4%,36.1%,92.5%) |
CMYK | 78, 61, 0, 7 | |
HSL | 227°, 82.9, 56.5 | hsl(227,82.9%,56.5%) |
HSV (or HSB) | 227°, 78, 92.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.856, 36.959, -76.344 |
---|---|
XYZ | 20.38, 14.439, 81.065 |
xyY | 0.176, 0.125, 14.439 |
CIE-LCH | 44.856, 84.819, 295.832 |
CIE-LUV | 44.856, -16.362, -115.282 |
Hunter-Lab | 37.999, 29.24, -99.888 |
Binary | 00110100, 01011100, 11101100 |
Color Schemes with #345cec
Alternatives to #345cec
Below, you can see some colors close to #345cec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345cec Preview
This text has a font color of #345cec.
<span style="color:#345cec;">Text here</span>
This paragraph has a background color of #345cec.
<p style="background-color:#345cec;">Content here</p>
This element has a border color of #345cec.
<div style="border:1px solid #345cec;">Content here</div>
.text {color:#345cec;}
.background {background-color:#345cec;}
.border {border:1px solid #345cec;}
Shades and Tints of #345cec
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, #01040c is the darkest color, while #f9fafe is the lightest one.
-
#01040c
#01040c
rgb(1,4,12)
-
#03091e
#03091e
rgb(3,9,30)
-
#050e30
#050e30
rgb(5,14,48)
-
#061342
#061342
rgb(6,19,66)
-
#081854
#081854
rgb(8,24,84)
-
#0a1e66
#0a1e66
rgb(10,30,102)
-
#0b2378
#0b2378
rgb(11,35,120)
-
#0d288a
#0d288a
rgb(13,40,138)
-
#0f2d9c
#0f2d9c
rgb(15,45,156)
-
#1032ae
#1032ae
rgb(16,50,174)
-
#1238c0
#1238c0
rgb(18,56,192)
-
#143dd2
#143dd2
rgb(20,61,210)
-
#1542e3
#1542e3
rgb(21,66,227)
-
#224eea
#224eea
rgb(34,78,234)
-
#345cec
#345cec
rgb(52,92,236)
-
#466aee
#466aee
rgb(70,106,238)
-
#5879ef
#5879ef
rgb(88,121,239)
-
#6a87f1
#6a87f1
rgb(106,135,241)
-
#7c96f3
#7c96f3
rgb(124,150,243)
-
#8ea4f4
#8ea4f4
rgb(142,164,244)
-
#a0b2f6
#a0b2f6
rgb(160,178,246)
-
#b2c1f8
#b2c1f8
rgb(178,193,248)
-
#c3cff9
#c3cff9
rgb(195,207,249)
-
#d5defb
#d5defb
rgb(213,222,251)
-
#e7ecfd
#e7ecfd
rgb(231,236,253)
-
#f9fafe
#f9fafe
rgb(249,250,254)
Tones of #345cec
A tone is produced by adding gray to any pure hue. In this case, #898c97 is the less saturated color, while #2352fd is the most saturated one.
-
#898c97
#898c97
rgb(137,140,151)
-
#81879f
#81879f
rgb(129,135,159)
-
#7883a8
#7883a8
rgb(120,131,168)
-
#707eb0
#707eb0
rgb(112,126,176)
-
#6779b9
#6779b9
rgb(103,121,185)
-
#5f74c1
#5f74c1
rgb(95,116,193)
-
#566fca
#566fca
rgb(86,111,202)
-
#4e6ad2
#4e6ad2
rgb(78,106,210)
-
#4566db
#4566db
rgb(69,102,219)
-
#3d61e3
#3d61e3
rgb(61,97,227)
-
#345cec
#345cec
rgb(52,92,236)
-
#2b57f5
#2b57f5
rgb(43,87,245)
-
#2352fd
#2352fd
rgb(35,82,253)
Color Blindness Simulator
Below, you can see how #345cec 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.