#345af9 Color Information
In a RGB color space, hex #345af9 is composed of 20.4% red, 35.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 63.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 228.4 degrees, a saturation of 94.3% and a lightness of 59%. #345af9 color hex could be obtained by blending #68b4ff with #0000f3. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 98
-
- C 79
- M 64
- Y 0
- K 2
● #345af9 color description : Bright blue.
#345af9 Color Conversion
The hexadecimal color #345af9 has RGB values of R:52, G:90, B:249 and CMYK values of C:0.79, M:0.64, Y:0, K:0.02. Its decimal value is 3431161.
Hex triplet | 345af9 | #345af9 |
---|---|---|
RGB Decimal | 52, 90, 249 | rgb(52,90,249) |
RGB Percent | 20.4, 35.3, 97.6 | rgb(20.4%,35.3%,97.6%) |
CMYK | 79, 64, 0, 2 | |
HSL | 228.4°, 94.3, 59 | hsl(228.4,94.3%,59%) |
HSV (or HSB) | 228.4°, 79.1, 97.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.47, 42.817, -82.629 |
---|---|
XYZ | 22.168, 14.88, 91.321 |
xyY | 0.173, 0.116, 14.88 |
CIE-LCH | 45.47, 93.063, 297.392 |
CIE-LUV | 45.47, -16.02, -124.406 |
Hunter-Lab | 38.575, 35.071, -113.359 |
Binary | 00110100, 01011010, 11111001 |
Color Schemes with #345af9
Alternatives to #345af9
Below, you can see some colors close to #345af9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345af9 Preview
This text has a font color of #345af9.
<span style="color:#345af9;">Text here</span>
This paragraph has a background color of #345af9.
<p style="background-color:#345af9;">Content here</p>
This element has a border color of #345af9.
<div style="border:1px solid #345af9;">Content here</div>
.text {color:#345af9;}
.background {background-color:#345af9;}
.border {border:1px solid #345af9;}
Shades and Tints of #345af9
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, #000107 is the darkest color, while #f3f5ff is the lightest one.
-
#000107
#000107
rgb(0,1,7)
-
#01061a
#01061a
rgb(1,6,26)
-
#010a2d
#010a2d
rgb(1,10,45)
-
#020e40
#020e40
rgb(2,14,64)
-
#021253
#021253
rgb(2,18,83)
-
#031666
#031666
rgb(3,22,102)
-
#041a79
#041a79
rgb(4,26,121)
-
#041e8c
#041e8c
rgb(4,30,140)
-
#05229f
#05229f
rgb(5,34,159)
-
#0527b2
#0527b2
rgb(5,39,178)
-
#062bc5
#062bc5
rgb(6,43,197)
-
#062fd8
#062fd8
rgb(6,47,216)
-
#0733eb
#0733eb
rgb(7,51,235)
-
#0e3bf8
#0e3bf8
rgb(14,59,248)
-
#214bf8
#214bf8
rgb(33,75,248)
-
#345af9
#345af9
rgb(52,90,249)
-
#4769fa
#4769fa
rgb(71,105,250)
-
#5a79fa
#5a79fa
rgb(90,121,250)
-
#6d88fb
#6d88fb
rgb(109,136,251)
-
#8098fb
#8098fb
rgb(128,152,251)
-
#93a7fc
#93a7fc
rgb(147,167,252)
-
#a6b7fc
#a6b7fc
rgb(166,183,252)
-
#b9c6fd
#b9c6fd
rgb(185,198,253)
-
#ccd6fe
#ccd6fe
rgb(204,214,254)
-
#dfe5fe
#dfe5fe
rgb(223,229,254)
-
#f3f5ff
#f3f5ff
rgb(243,245,255)
Tones of #345af9
A tone is produced by adding gray to any pure hue. In this case, #949599 is the less saturated color, while #345af9 is the most saturated one.
-
#949599
#949599
rgb(148,149,153)
-
#8c90a1
#8c90a1
rgb(140,144,161)
-
#848ba9
#848ba9
rgb(132,139,169)
-
#7c86b1
#7c86b1
rgb(124,134,177)
-
#7481b9
#7481b9
rgb(116,129,185)
-
#6c7dc1
#6c7dc1
rgb(108,125,193)
-
#6478c9
#6478c9
rgb(100,120,201)
-
#5c73d1
#5c73d1
rgb(92,115,209)
-
#546ed9
#546ed9
rgb(84,110,217)
-
#4c69e1
#4c69e1
rgb(76,105,225)
-
#4464e9
#4464e9
rgb(68,100,233)
-
#3c5ff1
#3c5ff1
rgb(60,95,241)
-
#345af9
#345af9
rgb(52,90,249)
Color Blindness Simulator
Below, you can see how #345af9 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.