#345aa8 Color Information
In a RGB color space, hex #345aa8 is composed of 20.4% red, 35.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 46.4% magenta, 0% yellow and 34.1% black. It has a hue angle of 220.3 degrees, a saturation of 52.7% and a lightness of 43.1%. #345aa8 color hex could be obtained by blending #68b4ff with #000051. Closest websafe color is: #336699.
-
- R 20
- G 35
- B 66
-
- C 69
- M 46
- Y 0
- K 34
● #345aa8 color description : Dark moderate blue.
#345aa8 Color Conversion
The hexadecimal color #345aa8 has RGB values of R:52, G:90, B:168 and CMYK values of C:0.69, M:0.46, Y:0, K:0.34. Its decimal value is 3431080.
Hex triplet | 345aa8 | #345aa8 |
---|---|---|
RGB Decimal | 52, 90, 168 | rgb(52,90,168) |
RGB Percent | 20.4, 35.3, 65.9 | rgb(20.4%,35.3%,65.9%) |
CMYK | 69, 46, 0, 34 | |
HSL | 220.3°, 52.7, 43.1 | hsl(220.3,52.7%,43.1%) |
HSV (or HSB) | 220.3°, 69, 65.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.359, 13.181, -45.983 |
---|---|
XYZ | 12.139, 10.869, 38.502 |
xyY | 0.197, 0.177, 10.869 |
CIE-LCH | 39.359, 47.835, 285.995 |
CIE-LUV | 39.359, -15.759, -67.444 |
Hunter-Lab | 32.968, 8.03, -46.165 |
Binary | 00110100, 01011010, 10101000 |
Color Schemes with #345aa8
Alternatives to #345aa8
Below, you can see some colors close to #345aa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345aa8 Preview
This text has a font color of #345aa8.
<span style="color:#345aa8;">Text here</span>
This paragraph has a background color of #345aa8.
<p style="background-color:#345aa8;">Content here</p>
This element has a border color of #345aa8.
<div style="border:1px solid #345aa8;">Content here</div>
.text {color:#345aa8;}
.background {background-color:#345aa8;}
.border {border:1px solid #345aa8;}
Shades and Tints of #345aa8
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, #010203 is the darkest color, while #f3f6fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060a12
#060a12
rgb(6,10,18)
-
#0a1221
#0a1221
rgb(10,18,33)
-
#0f1a30
#0f1a30
rgb(15,26,48)
-
#14223f
#14223f
rgb(20,34,63)
-
#182a4e
#182a4e
rgb(24,42,78)
-
#1d325d
#1d325d
rgb(29,50,93)
-
#213a6c
#213a6c
rgb(33,58,108)
-
#26427b
#26427b
rgb(38,66,123)
-
#2b4a8a
#2b4a8a
rgb(43,74,138)
-
#2f5299
#2f5299
rgb(47,82,153)
-
#345aa8
#345aa8
rgb(52,90,168)
-
#3962b7
#3962b7
rgb(57,98,183)
-
#406bc4
#406bc4
rgb(64,107,196)
-
#4e76c8
#4e76c8
rgb(78,118,200)
-
#5d82cd
#5d82cd
rgb(93,130,205)
-
#6c8ed2
#6c8ed2
rgb(108,142,210)
-
#7b99d6
#7b99d6
rgb(123,153,214)
-
#8aa5db
#8aa5db
rgb(138,165,219)
-
#99b0e0
#99b0e0
rgb(153,176,224)
-
#a8bce4
#a8bce4
rgb(168,188,228)
-
#b7c8e9
#b7c8e9
rgb(183,200,233)
-
#c6d3ed
#c6d3ed
rgb(198,211,237)
-
#d5dff2
#d5dff2
rgb(213,223,242)
-
#e4eaf7
#e4eaf7
rgb(228,234,247)
-
#f3f6fb
#f3f6fb
rgb(243,246,251)
Tones of #345aa8
A tone is produced by adding gray to any pure hue. In this case, #676c75 is the less saturated color, while #0148db is the most saturated one.
-
#676c75
#676c75
rgb(103,108,117)
-
#5e697e
#5e697e
rgb(94,105,126)
-
#566686
#566686
rgb(86,102,134)
-
#4d638f
#4d638f
rgb(77,99,143)
-
#456097
#456097
rgb(69,96,151)
-
#3c5da0
#3c5da0
rgb(60,93,160)
-
#345aa8
#345aa8
rgb(52,90,168)
-
#2c57b0
#2c57b0
rgb(44,87,176)
-
#2354b9
#2354b9
rgb(35,84,185)
-
#1b51c1
#1b51c1
rgb(27,81,193)
-
#124eca
#124eca
rgb(18,78,202)
-
#0a4bd2
#0a4bd2
rgb(10,75,210)
-
#0148db
#0148db
rgb(1,72,219)
Color Blindness Simulator
Below, you can see how #345aa8 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.