#345aef Color Information
In a RGB color space, hex #345aef is composed of 20.4% red, 35.3% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 62.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 227.8 degrees, a saturation of 85.4% and a lightness of 57.1%. #345aef color hex could be obtained by blending #68b4ff with #0000df. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 94
-
- C 78
- M 62
- Y 0
- K 6
● #345aef color description : Bright blue.
#345aef Color Conversion
The hexadecimal color #345aef has RGB values of R:52, G:90, B:239 and CMYK values of C:0.78, M:0.62, Y:0, K:0.06. Its decimal value is 3431151.
Hex triplet | 345aef | #345aef |
---|---|---|
RGB Decimal | 52, 90, 239 | rgb(52,90,239) |
RGB Percent | 20.4, 35.3, 93.7 | rgb(20.4%,35.3%,93.7%) |
CMYK | 78, 62, 0, 6 | |
HSL | 227.8°, 85.4, 57.1 | hsl(227.8,85.4%,57.1%) |
HSV (or HSB) | 227.8°, 78.2, 93.7 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.622, 39.277, -78.415 |
---|---|
XYZ | 20.649, 14.273, 83.323 |
xyY | 0.175, 0.121, 14.273 |
CIE-LCH | 44.622, 87.702, 296.606 |
CIE-LUV | 44.622, -15.916, -117.943 |
Hunter-Lab | 37.78, 31.448, -104.319 |
Binary | 00110100, 01011010, 11101111 |
Color Schemes with #345aef
Alternatives to #345aef
Below, you can see some colors close to #345aef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345aef Preview
This text has a font color of #345aef.
<span style="color:#345aef;">Text here</span>
This paragraph has a background color of #345aef.
<p style="background-color:#345aef;">Content here</p>
This element has a border color of #345aef.
<div style="border:1px solid #345aef;">Content here</div>
.text {color:#345aef;}
.background {background-color:#345aef;}
.border {border:1px solid #345aef;}
Shades and Tints of #345aef
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, #01040f is the darkest color, while #fcfdff is the lightest one.
-
#01040f
#01040f
rgb(1,4,15)
-
#030921
#030921
rgb(3,9,33)
-
#040e34
#040e34
rgb(4,14,52)
-
#051346
#051346
rgb(5,19,70)
-
#071758
#071758
rgb(7,23,88)
-
#081c6a
#081c6a
rgb(8,28,106)
-
#0a217c
#0a217c
rgb(10,33,124)
-
#0b268e
#0b268e
rgb(11,38,142)
-
#0d2ba1
#0d2ba1
rgb(13,43,161)
-
#0e30b3
#0e30b3
rgb(14,48,179)
-
#1034c5
#1034c5
rgb(16,52,197)
-
#1139d7
#1139d7
rgb(17,57,215)
-
#123ee9
#123ee9
rgb(18,62,233)
-
#224bee
#224bee
rgb(34,75,238)
-
#345aef
#345aef
rgb(52,90,239)
-
#4669f0
#4669f0
rgb(70,105,240)
-
#5878f2
#5878f2
rgb(88,120,242)
-
#6b86f3
#6b86f3
rgb(107,134,243)
-
#7d95f5
#7d95f5
rgb(125,149,245)
-
#8fa4f6
#8fa4f6
rgb(143,164,246)
-
#a1b3f8
#a1b3f8
rgb(161,179,248)
-
#b3c1f9
#b3c1f9
rgb(179,193,249)
-
#c5d0fa
#c5d0fa
rgb(197,208,250)
-
#d8dffc
#d8dffc
rgb(216,223,252)
-
#eaeefd
#eaeefd
rgb(234,238,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #345aef
A tone is produced by adding gray to any pure hue. In this case, #919192 is the less saturated color, while #2c55f7 is the most saturated one.
-
#919192
#919192
rgb(145,145,146)
-
#888c9b
#888c9b
rgb(136,140,155)
-
#8087a3
#8087a3
rgb(128,135,163)
-
#7782ac
#7782ac
rgb(119,130,172)
-
#6f7db4
#6f7db4
rgb(111,125,180)
-
#6778bc
#6778bc
rgb(103,120,188)
-
#5e73c5
#5e73c5
rgb(94,115,197)
-
#566ecd
#566ecd
rgb(86,110,205)
-
#4d69d6
#4d69d6
rgb(77,105,214)
-
#4564de
#4564de
rgb(69,100,222)
-
#3c5fe7
#3c5fe7
rgb(60,95,231)
-
#345aef
#345aef
rgb(52,90,239)
-
#2c55f7
#2c55f7
rgb(44,85,247)
Color Blindness Simulator
Below, you can see how #345aef 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.