#345bfe Color Information
In a RGB color space, hex #345bfe is composed of 20.4% red, 35.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 64.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.4 degrees, a saturation of 99% and a lightness of 60%. #345bfe color hex could be obtained by blending #68b6ff with #0000fd. Closest websafe color is: #3366ff.
-
- R 20
- G 36
- B 100
-
- C 80
- M 64
- Y 0
- K 0
● #345bfe color description : Bright blue.
#345bfe Color Conversion
The hexadecimal color #345bfe has RGB values of R:52, G:91, B:254 and CMYK values of C:0.8, M:0.64, Y:0, K:0. Its decimal value is 3431422.
Hex triplet | 345bfe | #345bfe |
---|---|---|
RGB Decimal | 52, 91, 254 | rgb(52,91,254) |
RGB Percent | 20.4, 35.7, 99.6 | rgb(20.4%,35.7%,99.6%) |
CMYK | 80, 64, 0, 0 | |
HSL | 228.4°, 99, 60 | hsl(228.4,99%,60%) |
HSV (or HSB) | 228.4°, 79.5, 99.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.132, 43.962, -84.329 |
---|---|
XYZ | 23.043, 15.366, 95.512 |
xyY | 0.172, 0.115, 15.366 |
CIE-LCH | 46.132, 95.1, 297.533 |
CIE-LUV | 46.132, -16.297, -127.299 |
Hunter-Lab | 39.2, 36.328, -117.022 |
Binary | 00110100, 01011011, 11111110 |
Color Schemes with #345bfe
Alternatives to #345bfe
Below, you can see some colors close to #345bfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345bfe Preview
This text has a font color of #345bfe.
<span style="color:#345bfe;">Text here</span>
This paragraph has a background color of #345bfe.
<p style="background-color:#345bfe;">Content here</p>
This element has a border color of #345bfe.
<div style="border:1px solid #345bfe;">Content here</div>
.text {color:#345bfe;}
.background {background-color:#345bfe;}
.border {border:1px solid #345bfe;}
Shades and Tints of #345bfe
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)
-
#011981
#011981
rgb(1,25,129)
-
#011d94
#011d94
rgb(1,29,148)
-
#0121a8
#0121a8
rgb(1,33,168)
-
#0125bb
#0125bb
rgb(1,37,187)
-
#0129cf
#0129cf
rgb(1,41,207)
-
#012de2
#012de2
rgb(1,45,226)
-
#0130f6
#0130f6
rgb(1,48,246)
-
#0d3bfe
#0d3bfe
rgb(13,59,254)
-
#204bfe
#204bfe
rgb(32,75,254)
-
#345bfe
#345bfe
rgb(52,91,254)
-
#486bfe
#486bfe
rgb(72,107,254)
-
#5b7bfe
#5b7bfe
rgb(91,123,254)
-
#6f8afe
#6f8afe
rgb(111,138,254)
-
#829afe
#829afe
rgb(130,154,254)
-
#96aafe
#96aafe
rgb(150,170,254)
-
#a9baff
#a9baff
rgb(169,186,255)
-
#bdc9ff
#bdc9ff
rgb(189,201,255)
-
#d0d9ff
#d0d9ff
rgb(208,217,255)
-
#e4e9ff
#e4e9ff
rgb(228,233,255)
-
#f7f9ff
#f7f9ff
rgb(247,249,255)
Tones of #345bfe
A tone is produced by adding gray to any pure hue. In this case, #9295a0 is the less saturated color, while #345bfe is the most saturated one.
-
#9295a0
#9295a0
rgb(146,149,160)
-
#8a90a8
#8a90a8
rgb(138,144,168)
-
#828bb0
#828bb0
rgb(130,139,176)
-
#7b86b7
#7b86b7
rgb(123,134,183)
-
#7382bf
#7382bf
rgb(115,130,191)
-
#6b7dc7
#6b7dc7
rgb(107,125,199)
-
#6378cf
#6378cf
rgb(99,120,207)
-
#5b73d7
#5b73d7
rgb(91,115,215)
-
#536edf
#536edf
rgb(83,110,223)
-
#4c69e6
#4c69e6
rgb(76,105,230)
-
#4465ee
#4465ee
rgb(68,101,238)
-
#3c60f6
#3c60f6
rgb(60,96,246)
-
#345bfe
#345bfe
rgb(52,91,254)
Color Blindness Simulator
Below, you can see how #345bfe 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.