#345aae Color Information
In a RGB color space, hex #345aae is composed of 20.4% red, 35.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 48.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 221.3 degrees, a saturation of 54% and a lightness of 44.3%. #345aae color hex could be obtained by blending #68b4ff with #00005d. Closest websafe color is: #336699.
-
- R 20
- G 35
- B 68
-
- C 70
- M 48
- Y 0
- K 32
● #345aae color description : Dark blue.
#345aae Color Conversion
The hexadecimal color #345aae has RGB values of R:52, G:90, B:174 and CMYK values of C:0.7, M:0.48, Y:0, K:0.32. Its decimal value is 3431086.
Hex triplet | 345aae | #345aae |
---|---|---|
RGB Decimal | 52, 90, 174 | rgb(52,90,174) |
RGB Percent | 20.4, 35.3, 68.2 | rgb(20.4%,35.3%,68.2%) |
CMYK | 70, 48, 0, 32 | |
HSL | 221.3°, 54, 44.3 | hsl(221.3,54%,44.3%) |
HSV (or HSB) | 221.3°, 70.1, 68.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.744, 15.413, -48.914 |
---|---|
XYZ | 12.711, 11.098, 41.514 |
xyY | 0.195, 0.17, 11.098 |
CIE-LCH | 39.744, 51.285, 287.49 |
CIE-LUV | 39.744, -15.727, -72.068 |
Hunter-Lab | 33.313, 9.81, -50.567 |
Binary | 00110100, 01011010, 10101110 |
Color Schemes with #345aae
Alternatives to #345aae
Below, you can see some colors close to #345aae. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345aae Preview
This text has a font color of #345aae.
<span style="color:#345aae;">Text here</span>
This paragraph has a background color of #345aae.
<p style="background-color:#345aae;">Content here</p>
This element has a border color of #345aae.
<div style="border:1px solid #345aae;">Content here</div>
.text {color:#345aae;}
.background {background-color:#345aae;}
.border {border:1px solid #345aae;}
Shades and Tints of #345aae
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, #020408 is the darkest color, while #f8f9fd is the lightest one.
-
#020408
#020408
rgb(2,4,8)
-
#070c17
#070c17
rgb(7,12,23)
-
#0b1426
#0b1426
rgb(11,20,38)
-
#101c35
#101c35
rgb(16,28,53)
-
#142344
#142344
rgb(20,35,68)
-
#192b53
#192b53
rgb(25,43,83)
-
#1d3362
#1d3362
rgb(29,51,98)
-
#223b72
#223b72
rgb(34,59,114)
-
#264381
#264381
rgb(38,67,129)
-
#2b4a90
#2b4a90
rgb(43,74,144)
-
#2f529f
#2f529f
rgb(47,82,159)
-
#345aae
#345aae
rgb(52,90,174)
-
#3962bd
#3962bd
rgb(57,98,189)
-
#436cc7
#436cc7
rgb(67,108,199)
-
#5278cb
#5278cb
rgb(82,120,203)
-
#6183d0
#6183d0
rgb(97,131,208)
-
#708fd4
#708fd4
rgb(112,143,212)
-
#7f9bd9
#7f9bd9
rgb(127,155,217)
-
#8ea7dd
#8ea7dd
rgb(142,167,221)
-
#9db3e2
#9db3e2
rgb(157,179,226)
-
#acbee6
#acbee6
rgb(172,190,230)
-
#bbcaeb
#bbcaeb
rgb(187,202,235)
-
#cad6ef
#cad6ef
rgb(202,214,239)
-
#dae2f4
#dae2f4
rgb(218,226,244)
-
#e9eef8
#e9eef8
rgb(233,238,248)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #345aae
A tone is produced by adding gray to any pure hue. In this case, #717171 is the less saturated color, while #094ad9 is the most saturated one.
-
#717171
#717171
rgb(113,113,113)
-
#686e7a
#686e7a
rgb(104,110,122)
-
#5f6a83
#5f6a83
rgb(95,106,131)
-
#57678b
#57678b
rgb(87,103,139)
-
#4e6494
#4e6494
rgb(78,100,148)
-
#45619d
#45619d
rgb(69,97,157)
-
#3d5da5
#3d5da5
rgb(61,93,165)
-
#345aae
#345aae
rgb(52,90,174)
-
#2b57b7
#2b57b7
rgb(43,87,183)
-
#2353bf
#2353bf
rgb(35,83,191)
-
#1a50c8
#1a50c8
rgb(26,80,200)
-
#114dd1
#114dd1
rgb(17,77,209)
-
#094ad9
#094ad9
rgb(9,74,217)
Color Blindness Simulator
Below, you can see how #345aae 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.