#345ffe Color Information
In a RGB color space, hex #345ffe is composed of 20.4% red, 37.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 62.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 227.2 degrees, a saturation of 99% and a lightness of 60%. #345ffe color hex could be obtained by blending #68beff with #0000fd. Closest websafe color is: #3366ff.
-
- R 20
- G 37
- B 100
-
- C 80
- M 63
- Y 0
- K 0
● #345ffe color description : Bright blue.
#345ffe Color Conversion
The hexadecimal color #345ffe has RGB values of R:52, G:95, B:254 and CMYK values of C:0.8, M:0.63, Y:0, K:0. Its decimal value is 3432446.
Hex triplet | 345ffe | #345ffe |
---|---|---|
RGB Decimal | 52, 95, 254 | rgb(52,95,254) |
RGB Percent | 20.4, 37.3, 99.6 | rgb(20.4%,37.3%,99.6%) |
CMYK | 80, 63, 0, 0 | |
HSL | 227.2°, 99, 60 | hsl(227.2,99%,60%) |
HSV (or HSB) | 227.2°, 79.5, 99.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 47.064, 41.518, -82.8 |
---|---|
XYZ | 23.394, 16.069, 95.629 |
xyY | 0.173, 0.119, 16.069 |
CIE-LCH | 47.064, 92.626, 296.631 |
CIE-LUV | 47.064, -17.196, -126.051 |
Hunter-Lab | 40.086, 34.023, -113.384 |
Binary | 00110100, 01011111, 11111110 |
Color Schemes with #345ffe
Alternatives to #345ffe
Below, you can see some colors close to #345ffe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ffe Preview
This text has a font color of #345ffe.
<span style="color:#345ffe;">Text here</span>
This paragraph has a background color of #345ffe.
<p style="background-color:#345ffe;">Content here</p>
This element has a border color of #345ffe.
<div style="border:1px solid #345ffe;">Content here</div>
.text {color:#345ffe;}
.background {background-color:#345ffe;}
.border {border:1px solid #345ffe;}
Shades and Tints of #345ffe
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, #00030c is the darkest color, while #f7f9ff is the lightest one.
-
#00030c
#00030c
rgb(0,3,12)
-
#00071f
#00071f
rgb(0,7,31)
-
#000b33
#000b33
rgb(0,11,51)
-
#000f46
#000f46
rgb(0,15,70)
-
#00135a
#00135a
rgb(0,19,90)
-
#01186d
#01186d
rgb(1,24,109)
-
#011c81
#011c81
rgb(1,28,129)
-
#012094
#012094
rgb(1,32,148)
-
#0124a8
#0124a8
rgb(1,36,168)
-
#0129bb
#0129bb
rgb(1,41,187)
-
#012dcf
#012dcf
rgb(1,45,207)
-
#0131e2
#0131e2
rgb(1,49,226)
-
#0135f6
#0135f6
rgb(1,53,246)
-
#0d40fe
#0d40fe
rgb(13,64,254)
-
#2050fe
#2050fe
rgb(32,80,254)
-
#345ffe
#345ffe
rgb(52,95,254)
-
#486efe
#486efe
rgb(72,110,254)
-
#5b7efe
#5b7efe
rgb(91,126,254)
-
#6f8dfe
#6f8dfe
rgb(111,141,254)
-
#829dfe
#829dfe
rgb(130,157,254)
-
#96acfe
#96acfe
rgb(150,172,254)
-
#a9bbff
#a9bbff
rgb(169,187,255)
-
#bdcbff
#bdcbff
rgb(189,203,255)
-
#d0daff
#d0daff
rgb(208,218,255)
-
#e4e9ff
#e4e9ff
rgb(228,233,255)
-
#f7f9ff
#f7f9ff
rgb(247,249,255)
Tones of #345ffe
A tone is produced by adding gray to any pure hue. In this case, #9295a0 is the less saturated color, while #345ffe is the most saturated one.
-
#9295a0
#9295a0
rgb(146,149,160)
-
#8a91a8
#8a91a8
rgb(138,145,168)
-
#828cb0
#828cb0
rgb(130,140,176)
-
#7b88b7
#7b88b7
rgb(123,136,183)
-
#7383bf
#7383bf
rgb(115,131,191)
-
#6b7fc7
#6b7fc7
rgb(107,127,199)
-
#637acf
#637acf
rgb(99,122,207)
-
#5b76d7
#5b76d7
rgb(91,118,215)
-
#5371df
#5371df
rgb(83,113,223)
-
#4c6de6
#4c6de6
rgb(76,109,230)
-
#4468ee
#4468ee
rgb(68,104,238)
-
#3c64f6
#3c64f6
rgb(60,100,246)
-
#345ffe
#345ffe
rgb(52,95,254)
Color Blindness Simulator
Below, you can see how #345ffe 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.