#345ffa Color Information
In a RGB color space, hex #345ffa is composed of 20.4% red, 37.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 62% magenta, 0% yellow and 2% black. It has a hue angle of 227 degrees, a saturation of 95.2% and a lightness of 59.2%. #345ffa color hex could be obtained by blending #68beff with #0000f5. Closest websafe color is: #3366ff.
-
- R 20
- G 37
- B 98
-
- C 79
- M 62
- Y 0
- K 2
● #345ffa color description : Bright blue.
#345ffa Color Conversion
The hexadecimal color #345ffa has RGB values of R:52, G:95, B:250 and CMYK values of C:0.79, M:0.62, Y:0, K:0.02. Its decimal value is 3432442.
Hex triplet | 345ffa | #345ffa |
---|---|---|
RGB Decimal | 52, 95, 250 | rgb(52,95,250) |
RGB Percent | 20.4, 37.3, 98 | rgb(20.4%,37.3%,98%) |
CMYK | 79, 62, 0, 2 | |
HSL | 227°, 95.2, 59.2 | hsl(227,95.2%,59.2%) |
HSV (or HSB) | 227°, 79.2, 98 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.731, 40.099, -81.119 |
---|---|
XYZ | 22.76, 15.815, 92.29 |
xyY | 0.174, 0.121, 15.815 |
CIE-LCH | 46.731, 90.489, 296.304 |
CIE-LUV | 46.731, -17.167, -123.45 |
Hunter-Lab | 39.768, 32.565, -109.758 |
Binary | 00110100, 01011111, 11111010 |
Color Schemes with #345ffa
Alternatives to #345ffa
Below, you can see some colors close to #345ffa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ffa Preview
This text has a font color of #345ffa.
<span style="color:#345ffa;">Text here</span>
This paragraph has a background color of #345ffa.
<p style="background-color:#345ffa;">Content here</p>
This element has a border color of #345ffa.
<div style="border:1px solid #345ffa;">Content here</div>
.text {color:#345ffa;}
.background {background-color:#345ffa;}
.border {border:1px solid #345ffa;}
Shades and Tints of #345ffa
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, #000208 is the darkest color, while #f3f6ff is the lightest one.
-
#000208
#000208
rgb(0,2,8)
-
#01061b
#01061b
rgb(1,6,27)
-
#010b2e
#010b2e
rgb(1,11,46)
-
#020f41
#020f41
rgb(2,15,65)
-
#021454
#021454
rgb(2,20,84)
-
#031867
#031867
rgb(3,24,103)
-
#031d7a
#031d7a
rgb(3,29,122)
-
#03218e
#03218e
rgb(3,33,142)
-
#0426a1
#0426a1
rgb(4,38,161)
-
#042bb4
#042bb4
rgb(4,43,180)
-
#052fc7
#052fc7
rgb(5,47,199)
-
#0534da
#0534da
rgb(5,52,218)
-
#0638ed
#0638ed
rgb(6,56,237)
-
#0e41f9
#0e41f9
rgb(14,65,249)
-
#2150fa
#2150fa
rgb(33,80,250)
-
#345ffa
#345ffa
rgb(52,95,250)
-
#476efa
#476efa
rgb(71,110,250)
-
#5a7dfb
#5a7dfb
rgb(90,125,251)
-
#6d8cfb
#6d8cfb
rgb(109,140,251)
-
#819bfc
#819bfc
rgb(129,155,252)
-
#94aafc
#94aafc
rgb(148,170,252)
-
#a7bafd
#a7bafd
rgb(167,186,253)
-
#bac9fd
#bac9fd
rgb(186,201,253)
-
#cdd8fe
#cdd8fe
rgb(205,216,254)
-
#e0e7fe
#e0e7fe
rgb(224,231,254)
-
#f3f6ff
#f3f6ff
rgb(243,246,255)
Tones of #345ffa
A tone is produced by adding gray to any pure hue. In this case, #94959a is the less saturated color, while #345ffa is the most saturated one.
-
#94959a
#94959a
rgb(148,149,154)
-
#8c91a2
#8c91a2
rgb(140,145,162)
-
#848caa
#848caa
rgb(132,140,170)
-
#7c88b2
#7c88b2
rgb(124,136,178)
-
#7483ba
#7483ba
rgb(116,131,186)
-
#6c7fc2
#6c7fc2
rgb(108,127,194)
-
#647aca
#647aca
rgb(100,122,202)
-
#5c76d2
#5c76d2
rgb(92,118,210)
-
#5471da
#5471da
rgb(84,113,218)
-
#4c6de2
#4c6de2
rgb(76,109,226)
-
#4468ea
#4468ea
rgb(68,104,234)
-
#3c64f2
#3c64f2
rgb(60,100,242)
-
#345ffa
#345ffa
rgb(52,95,250)
Color Blindness Simulator
Below, you can see how #345ffa 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.