#345ae5 Color Information
In a RGB color space, hex #345ae5 is composed of 20.4% red, 35.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 60.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 227.1 degrees, a saturation of 77.3% and a lightness of 55.1%. #345ae5 color hex could be obtained by blending #68b4ff with #0000cb. Closest websafe color is: #3366cc.
-
- R 20
- G 35
- B 90
-
- C 77
- M 61
- Y 0
- K 10
● #345ae5 color description : Bright blue.
#345ae5 Color Conversion
The hexadecimal color #345ae5 has RGB values of R:52, G:90, B:229 and CMYK values of C:0.77, M:0.61, Y:0, K:0.1. Its decimal value is 3431141.
Hex triplet | 345ae5 | #345ae5 |
---|---|---|
RGB Decimal | 52, 90, 229 | rgb(52,90,229) |
RGB Percent | 20.4, 35.3, 89.8 | rgb(20.4%,35.3%,89.8%) |
CMYK | 77, 61, 0, 10 | |
HSL | 227.1°, 77.3, 55.1 | hsl(227.1,77.3%,55.1%) |
HSV (or HSB) | 227.1°, 77.3, 89.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.797, 35.693, -74.123 |
---|---|
XYZ | 19.212, 13.698, 75.756 |
xyY | 0.177, 0.126, 13.698 |
CIE-LCH | 43.797, 82.269, 295.712 |
CIE-LUV | 43.797, -15.829, -111.342 |
Hunter-Lab | 37.011, 27.889, -95.45 |
Binary | 00110100, 01011010, 11100101 |
Color Schemes with #345ae5
Alternatives to #345ae5
Below, you can see some colors close to #345ae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ae5 Preview
This text has a font color of #345ae5.
<span style="color:#345ae5;">Text here</span>
This paragraph has a background color of #345ae5.
<p style="background-color:#345ae5;">Content here</p>
This element has a border color of #345ae5.
<div style="border:1px solid #345ae5;">Content here</div>
.text {color:#345ae5;}
.background {background-color:#345ae5;}
.border {border:1px solid #345ae5;}
Shades and Tints of #345ae5
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, #010206 is the darkest color, while #f3f5fd is the lightest one.
-
#010206
#010206
rgb(1,2,6)
-
#030717
#030717
rgb(3,7,23)
-
#050d28
#050d28
rgb(5,13,40)
-
#07123a
#07123a
rgb(7,18,58)
-
#0a184b
#0a184b
rgb(10,24,75)
-
#0c1d5d
#0c1d5d
rgb(12,29,93)
-
#0e236e
#0e236e
rgb(14,35,110)
-
#10287f
#10287f
rgb(16,40,127)
-
#132e91
#132e91
rgb(19,46,145)
-
#1533a2
#1533a2
rgb(21,51,162)
-
#1739b4
#1739b4
rgb(23,57,180)
-
#193ec5
#193ec5
rgb(25,62,197)
-
#1b44d6
#1b44d6
rgb(27,68,214)
-
#234ce3
#234ce3
rgb(35,76,227)
-
#345ae5
#345ae5
rgb(52,90,229)
-
#4568e7
#4568e7
rgb(69,104,231)
-
#5776e9
#5776e9
rgb(87,118,233)
-
#6884ec
#6884ec
rgb(104,132,236)
-
#7a93ee
#7a93ee
rgb(122,147,238)
-
#8ba1f0
#8ba1f0
rgb(139,161,240)
-
#9caff2
#9caff2
rgb(156,175,242)
-
#aebdf5
#aebdf5
rgb(174,189,245)
-
#bfcbf7
#bfcbf7
rgb(191,203,247)
-
#d0d9f9
#d0d9f9
rgb(208,217,249)
-
#e2e7fb
#e2e7fb
rgb(226,231,251)
-
#f3f5fd
#f3f5fd
rgb(243,245,253)
Tones of #345ae5
A tone is produced by adding gray to any pure hue. In this case, #8c8c8d is the less saturated color, while #2250f7 is the most saturated one.
-
#8c8c8d
#8c8c8d
rgb(140,140,141)
-
#838796
#838796
rgb(131,135,150)
-
#7a829f
#7a829f
rgb(122,130,159)
-
#727da7
#727da7
rgb(114,125,167)
-
#6978b0
#6978b0
rgb(105,120,176)
-
#6073b9
#6073b9
rgb(96,115,185)
-
#576ec2
#576ec2
rgb(87,110,194)
-
#4e69cb
#4e69cb
rgb(78,105,203)
-
#4664d3
#4664d3
rgb(70,100,211)
-
#3d5fdc
#3d5fdc
rgb(61,95,220)
-
#345ae5
#345ae5
rgb(52,90,229)
-
#2b55ee
#2b55ee
rgb(43,85,238)
-
#2250f7
#2250f7
rgb(34,80,247)
Color Blindness Simulator
Below, you can see how #345ae5 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.