#345afa Color Information
In a RGB color space, hex #345afa is composed of 20.4% red, 35.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 64% magenta, 0% yellow and 2% black. It has a hue angle of 228.5 degrees, a saturation of 95.2% and a lightness of 59.2%. #345afa color hex could be obtained by blending #68b4ff with #0000f5. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 98
-
- C 79
- M 64
- Y 0
- K 2
● #345afa color description : Bright blue.
#345afa Color Conversion
The hexadecimal color #345afa has RGB values of R:52, G:90, B:250 and CMYK values of C:0.79, M:0.64, Y:0, K:0.02. Its decimal value is 3431162.
Hex triplet | 345afa | #345afa |
---|---|---|
RGB Decimal | 52, 90, 250 | rgb(52,90,250) |
RGB Percent | 20.4, 35.3, 98 | rgb(20.4%,35.3%,98%) |
CMYK | 79, 64, 0, 2 | |
HSL | 228.5°, 95.2, 59.2 | hsl(228.5,95.2%,59.2%) |
HSV (or HSB) | 228.5°, 79.2, 98 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 45.556, 43.168, -83.046 |
---|---|
XYZ | 22.324, 14.943, 92.145 |
xyY | 0.173, 0.115, 14.943 |
CIE-LCH | 45.556, 93.595, 297.466 |
CIE-LUV | 45.556, -16.031, -125.046 |
Hunter-Lab | 38.656, 35.437, -114.271 |
Binary | 00110100, 01011010, 11111010 |
Color Schemes with #345afa
Alternatives to #345afa
Below, you can see some colors close to #345afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345afa Preview
This text has a font color of #345afa.
<span style="color:#345afa;">Text here</span>
This paragraph has a background color of #345afa.
<p style="background-color:#345afa;">Content here</p>
This element has a border color of #345afa.
<div style="border:1px solid #345afa;">Content here</div>
.text {color:#345afa;}
.background {background-color:#345afa;}
.border {border:1px solid #345afa;}
Shades and Tints of #345afa
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)
-
#010a2e
#010a2e
rgb(1,10,46)
-
#020e41
#020e41
rgb(2,14,65)
-
#021254
#021254
rgb(2,18,84)
-
#031667
#031667
rgb(3,22,103)
-
#031a7a
#031a7a
rgb(3,26,122)
-
#031e8e
#031e8e
rgb(3,30,142)
-
#0422a1
#0422a1
rgb(4,34,161)
-
#0426b4
#0426b4
rgb(4,38,180)
-
#052ac7
#052ac7
rgb(5,42,199)
-
#052eda
#052eda
rgb(5,46,218)
-
#0632ed
#0632ed
rgb(6,50,237)
-
#0e3bf9
#0e3bf9
rgb(14,59,249)
-
#214afa
#214afa
rgb(33,74,250)
-
#345afa
#345afa
rgb(52,90,250)
-
#476afa
#476afa
rgb(71,106,250)
-
#5a79fb
#5a79fb
rgb(90,121,251)
-
#6d89fb
#6d89fb
rgb(109,137,251)
-
#8198fc
#8198fc
rgb(129,152,252)
-
#94a8fc
#94a8fc
rgb(148,168,252)
-
#a7b7fd
#a7b7fd
rgb(167,183,253)
-
#bac7fd
#bac7fd
rgb(186,199,253)
-
#cdd6fe
#cdd6fe
rgb(205,214,254)
-
#e0e6fe
#e0e6fe
rgb(224,230,254)
-
#f3f6ff
#f3f6ff
rgb(243,246,255)
Tones of #345afa
A tone is produced by adding gray to any pure hue. In this case, #94959a is the less saturated color, while #345afa is the most saturated one.
-
#94959a
#94959a
rgb(148,149,154)
-
#8c90a2
#8c90a2
rgb(140,144,162)
-
#848baa
#848baa
rgb(132,139,170)
-
#7c86b2
#7c86b2
rgb(124,134,178)
-
#7481ba
#7481ba
rgb(116,129,186)
-
#6c7dc2
#6c7dc2
rgb(108,125,194)
-
#6478ca
#6478ca
rgb(100,120,202)
-
#5c73d2
#5c73d2
rgb(92,115,210)
-
#546eda
#546eda
rgb(84,110,218)
-
#4c69e2
#4c69e2
rgb(76,105,226)
-
#4464ea
#4464ea
rgb(68,100,234)
-
#3c5ff2
#3c5ff2
rgb(60,95,242)
-
#345afa
#345afa
rgb(52,90,250)
Color Blindness Simulator
Below, you can see how #345afa 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.