#345cfe Color Information
In a RGB color space, hex #345cfe is composed of 20.4% red, 36.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 63.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.1 degrees, a saturation of 99% and a lightness of 60%. #345cfe color hex could be obtained by blending #68b8ff with #0000fd. Closest websafe color is: #3366ff.
-
- R 20
- G 36
- B 100
-
- C 80
- M 64
- Y 0
- K 0
● #345cfe color description : Bright blue.
#345cfe Color Conversion
The hexadecimal color #345cfe has RGB values of R:52, G:92, B:254 and CMYK values of C:0.8, M:0.64, Y:0, K:0. Its decimal value is 3431678.
Hex triplet | 345cfe | #345cfe |
---|---|---|
RGB Decimal | 52, 92, 254 | rgb(52,92,254) |
RGB Percent | 20.4, 36.1, 99.6 | rgb(20.4%,36.1%,99.6%) |
CMYK | 80, 64, 0, 0 | |
HSL | 228.1°, 99, 60 | hsl(228.1,99%,60%) |
HSV (or HSB) | 228.1°, 79.5, 99.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.363, 43.353, -83.95 |
---|---|
XYZ | 23.129, 15.538, 95.541 |
xyY | 0.172, 0.116, 15.538 |
CIE-LCH | 46.363, 94.483, 297.313 |
CIE-LUV | 46.363, -16.518, -127 |
Hunter-Lab | 39.419, 35.752, -116.11 |
Binary | 00110100, 01011100, 11111110 |
Color Schemes with #345cfe
Alternatives to #345cfe
Below, you can see some colors close to #345cfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345cfe Preview
This text has a font color of #345cfe.
<span style="color:#345cfe;">Text here</span>
This paragraph has a background color of #345cfe.
<p style="background-color:#345cfe;">Content here</p>
This element has a border color of #345cfe.
<div style="border:1px solid #345cfe;">Content here</div>
.text {color:#345cfe;}
.background {background-color:#345cfe;}
.border {border:1px solid #345cfe;}
Shades and Tints of #345cfe
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, #00020c is the darkest color, while #f7f9ff is the lightest one.
-
#00020c
#00020c
rgb(0,2,12)
-
#00061f
#00061f
rgb(0,6,31)
-
#000a33
#000a33
rgb(0,10,51)
-
#000e46
#000e46
rgb(0,14,70)
-
#00125a
#00125a
rgb(0,18,90)
-
#01166d
#01166d
rgb(1,22,109)
-
#011a81
#011a81
rgb(1,26,129)
-
#011e94
#011e94
rgb(1,30,148)
-
#0122a8
#0122a8
rgb(1,34,168)
-
#0126bb
#0126bb
rgb(1,38,187)
-
#012acf
#012acf
rgb(1,42,207)
-
#012ee2
#012ee2
rgb(1,46,226)
-
#0132f6
#0132f6
rgb(1,50,246)
-
#0d3dfe
#0d3dfe
rgb(13,61,254)
-
#204cfe
#204cfe
rgb(32,76,254)
-
#345cfe
#345cfe
rgb(52,92,254)
-
#486cfe
#486cfe
rgb(72,108,254)
-
#5b7bfe
#5b7bfe
rgb(91,123,254)
-
#6f8bfe
#6f8bfe
rgb(111,139,254)
-
#829bfe
#829bfe
rgb(130,155,254)
-
#96aafe
#96aafe
rgb(150,170,254)
-
#a9baff
#a9baff
rgb(169,186,255)
-
#bdcaff
#bdcaff
rgb(189,202,255)
-
#d0d9ff
#d0d9ff
rgb(208,217,255)
-
#e4e9ff
#e4e9ff
rgb(228,233,255)
-
#f7f9ff
#f7f9ff
rgb(247,249,255)
Tones of #345cfe
A tone is produced by adding gray to any pure hue. In this case, #9295a0 is the less saturated color, while #345cfe is the most saturated one.
-
#9295a0
#9295a0
rgb(146,149,160)
-
#8a90a8
#8a90a8
rgb(138,144,168)
-
#828bb0
#828bb0
rgb(130,139,176)
-
#7b87b7
#7b87b7
rgb(123,135,183)
-
#7382bf
#7382bf
rgb(115,130,191)
-
#6b7dc7
#6b7dc7
rgb(107,125,199)
-
#6378cf
#6378cf
rgb(99,120,207)
-
#5b74d7
#5b74d7
rgb(91,116,215)
-
#536fdf
#536fdf
rgb(83,111,223)
-
#4c6ae6
#4c6ae6
rgb(76,106,230)
-
#4465ee
#4465ee
rgb(68,101,238)
-
#3c61f6
#3c61f6
rgb(60,97,246)
-
#345cfe
#345cfe
rgb(52,92,254)
Color Blindness Simulator
Below, you can see how #345cfe 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.