#345ae9 Color Information
In a RGB color space, hex #345ae9 is composed of 20.4% red, 35.3% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 61.4% magenta, 0% yellow and 8.6% black. It has a hue angle of 227.4 degrees, a saturation of 80.4% and a lightness of 55.9%. #345ae9 color hex could be obtained by blending #68b4ff with #0000d3. Closest websafe color is: #3366ff.
-
- R 20
- G 35
- B 91
-
- C 78
- M 61
- Y 0
- K 9
● #345ae9 color description : Bright blue.
#345ae9 Color Conversion
The hexadecimal color #345ae9 has RGB values of R:52, G:90, B:233 and CMYK values of C:0.78, M:0.61, Y:0, K:0.09. Its decimal value is 3431145.
Hex triplet | 345ae9 | #345ae9 |
---|---|---|
RGB Decimal | 52, 90, 233 | rgb(52,90,233) |
RGB Percent | 20.4, 35.3, 91.4 | rgb(20.4%,35.3%,91.4%) |
CMYK | 78, 61, 0, 9 | |
HSL | 227.4°, 80.4, 55.9 | hsl(227.4,80.4%,55.9%) |
HSV (or HSB) | 227.4°, 77.7, 91.4 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.124, 37.132, -75.85 |
---|---|
XYZ | 19.777, 13.924, 78.732 |
xyY | 0.176, 0.124, 13.924 |
CIE-LCH | 44.124, 84.451, 296.084 |
CIE-LUV | 44.124, -15.862, -114 |
Hunter-Lab | 37.315, 29.305, -98.976 |
Binary | 00110100, 01011010, 11101001 |
Color Schemes with #345ae9
Alternatives to #345ae9
Below, you can see some colors close to #345ae9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ae9 Preview
This text has a font color of #345ae9.
<span style="color:#345ae9;">Text here</span>
This paragraph has a background color of #345ae9.
<p style="background-color:#345ae9;">Content here</p>
This element has a border color of #345ae9.
<div style="border:1px solid #345ae9;">Content here</div>
.text {color:#345ae9;}
.background {background-color:#345ae9;}
.border {border:1px solid #345ae9;}
Shades and Tints of #345ae9
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, #010309 is the darkest color, while #f7f8fe is the lightest one.
-
#010309
#010309
rgb(1,3,9)
-
#03081b
#03081b
rgb(3,8,27)
-
#050d2d
#050d2d
rgb(5,13,45)
-
#07123e
#07123e
rgb(7,18,62)
-
#091850
#091850
rgb(9,24,80)
-
#0b1d62
#0b1d62
rgb(11,29,98)
-
#0d2274
#0d2274
rgb(13,34,116)
-
#0e2785
#0e2785
rgb(14,39,133)
-
#102d97
#102d97
rgb(16,45,151)
-
#1232a9
#1232a9
rgb(18,50,169)
-
#1437ba
#1437ba
rgb(20,55,186)
-
#163ccc
#163ccc
rgb(22,60,204)
-
#1842de
#1842de
rgb(24,66,222)
-
#224ce7
#224ce7
rgb(34,76,231)
-
#345ae9
#345ae9
rgb(52,90,233)
-
#4668eb
#4668eb
rgb(70,104,235)
-
#5777ed
#5777ed
rgb(87,119,237)
-
#6985ef
#6985ef
rgb(105,133,239)
-
#7b94f1
#7b94f1
rgb(123,148,241)
-
#8ca2f3
#8ca2f3
rgb(140,162,243)
-
#9eb0f5
#9eb0f5
rgb(158,176,245)
-
#b0bff6
#b0bff6
rgb(176,191,246)
-
#c2cdf8
#c2cdf8
rgb(194,205,248)
-
#d3dbfa
#d3dbfa
rgb(211,219,250)
-
#e5eafc
#e5eafc
rgb(229,234,252)
-
#f7f8fe
#f7f8fe
rgb(247,248,254)
Tones of #345ae9
A tone is produced by adding gray to any pure hue. In this case, #8b8c92 is the less saturated color, while #2350fa is the most saturated one.
-
#8b8c92
#8b8c92
rgb(139,140,146)
-
#82879b
#82879b
rgb(130,135,155)
-
#7982a4
#7982a4
rgb(121,130,164)
-
#717dac
#717dac
rgb(113,125,172)
-
#6878b5
#6878b5
rgb(104,120,181)
-
#5f73be
#5f73be
rgb(95,115,190)
-
#576ec6
#576ec6
rgb(87,110,198)
-
#4e69cf
#4e69cf
rgb(78,105,207)
-
#4564d8
#4564d8
rgb(69,100,216)
-
#3d5fe0
#3d5fe0
rgb(61,95,224)
-
#345ae9
#345ae9
rgb(52,90,233)
-
#2b55f2
#2b55f2
rgb(43,85,242)
-
#2350fa
#2350fa
rgb(35,80,250)
Color Blindness Simulator
Below, you can see how #345ae9 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.