#345ae6 Color Information
In a RGB color space, hex #345ae6 is composed of 20.4% red, 35.3% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 60.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 227.2 degrees, a saturation of 78.1% and a lightness of 55.3%. #345ae6 color hex could be obtained by blending #68b4ff with #0000cd. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 90
-
- C 77
- M 61
- Y 0
- K 10
● #345ae6 color description : Bright blue.
#345ae6 Color Conversion
The hexadecimal color #345ae6 has RGB values of R:52, G:90, B:230 and CMYK values of C:0.77, M:0.61, Y:0, K:0.1. Its decimal value is 3431142.
Hex triplet | 345ae6 | #345ae6 |
---|---|---|
RGB Decimal | 52, 90, 230 | rgb(52,90,230) |
RGB Percent | 20.4, 35.3, 90.2 | rgb(20.4%,35.3%,90.2%) |
CMYK | 77, 61, 0, 10 | |
HSL | 227.2°, 78.1, 55.3 | hsl(227.2,78.1%,55.3%) |
HSV (or HSB) | 227.2°, 77.4, 90.2 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.878, 36.053, -74.556 |
---|---|
XYZ | 19.352, 13.754, 76.493 |
xyY | 0.177, 0.125, 13.754 |
CIE-LCH | 43.878, 82.816, 295.807 |
CIE-LUV | 43.878, -15.837, -112.009 |
Hunter-Lab | 37.087, 28.242, -96.329 |
Binary | 00110100, 01011010, 11100110 |
Color Schemes with #345ae6
Alternatives to #345ae6
Below, you can see some colors close to #345ae6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ae6 Preview
This text has a font color of #345ae6.
<span style="color:#345ae6;">Text here</span>
This paragraph has a background color of #345ae6.
<p style="background-color:#345ae6;">Content here</p>
This element has a border color of #345ae6.
<div style="border:1px solid #345ae6;">Content here</div>
.text {color:#345ae6;}
.background {background-color:#345ae6;}
.border {border:1px solid #345ae6;}
Shades and Tints of #345ae6
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, #010207 is the darkest color, while #f4f6fe is the lightest one.
-
#010207
#010207
rgb(1,2,7)
-
#030718
#030718
rgb(3,7,24)
-
#050d2a
#050d2a
rgb(5,13,42)
-
#07123b
#07123b
rgb(7,18,59)
-
#09184c
#09184c
rgb(9,24,76)
-
#0c1d5e
#0c1d5e
rgb(12,29,94)
-
#0e236f
#0e236f
rgb(14,35,111)
-
#102881
#102881
rgb(16,40,129)
-
#122d92
#122d92
rgb(18,45,146)
-
#1433a4
#1433a4
rgb(20,51,164)
-
#1638b5
#1638b5
rgb(22,56,181)
-
#183ec7
#183ec7
rgb(24,62,199)
-
#1b43d8
#1b43d8
rgb(27,67,216)
-
#234ce4
#234ce4
rgb(35,76,228)
-
#345ae6
#345ae6
rgb(52,90,230)
-
#4568e8
#4568e8
rgb(69,104,232)
-
#5776ea
#5776ea
rgb(87,118,234)
-
#6885ec
#6885ec
rgb(104,133,236)
-
#7a93ef
#7a93ef
rgb(122,147,239)
-
#8ba1f1
#8ba1f1
rgb(139,161,241)
-
#9daff3
#9daff3
rgb(157,175,243)
-
#aebdf5
#aebdf5
rgb(174,189,245)
-
#c0ccf7
#c0ccf7
rgb(192,204,247)
-
#d1daf9
#d1daf9
rgb(209,218,249)
-
#e3e8fc
#e3e8fc
rgb(227,232,252)
-
#f4f6fe
#f4f6fe
rgb(244,246,254)
Tones of #345ae6
A tone is produced by adding gray to any pure hue. In this case, #8c8c8e is the less saturated color, while #2250f8 is the most saturated one.
-
#8c8c8e
#8c8c8e
rgb(140,140,142)
-
#838797
#838797
rgb(131,135,151)
-
#7a82a0
#7a82a0
rgb(122,130,160)
-
#717da9
#717da9
rgb(113,125,169)
-
#6978b1
#6978b1
rgb(105,120,177)
-
#6073ba
#6073ba
rgb(96,115,186)
-
#576ec3
#576ec3
rgb(87,110,195)
-
#4e69cc
#4e69cc
rgb(78,105,204)
-
#4664d4
#4664d4
rgb(70,100,212)
-
#3d5fdd
#3d5fdd
rgb(61,95,221)
-
#345ae6
#345ae6
rgb(52,90,230)
-
#2b55ef
#2b55ef
rgb(43,85,239)
-
#2250f8
#2250f8
rgb(34,80,248)
Color Blindness Simulator
Below, you can see how #345ae6 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.