#345ba8 Color Information
In a RGB color space, hex #345ba8 is composed of 20.4% red, 35.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 45.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 219.8 degrees, a saturation of 52.7% and a lightness of 43.1%. #345ba8 color hex could be obtained by blending #68b6ff with #000051. Closest websafe color is: #336699.
-
- R 20
- G 36
- B 66
-
- C 69
- M 46
- Y 0
- K 34
● #345ba8 color description : Dark moderate blue.
#345ba8 Color Conversion
The hexadecimal color #345ba8 has RGB values of R:52, G:91, B:168 and CMYK values of C:0.69, M:0.46, Y:0, K:0.34. Its decimal value is 3431336.
Hex triplet | 345ba8 | #345ba8 |
---|---|---|
RGB Decimal | 52, 91, 168 | rgb(52,91,168) |
RGB Percent | 20.4, 35.7, 65.9 | rgb(20.4%,35.7%,65.9%) |
CMYK | 69, 46, 0, 34 | |
HSL | 219.8°, 52.7, 43.1 | hsl(219.8,52.7%,43.1%) |
HSV (or HSB) | 219.8°, 69, 65.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 39.645, 12.53, -45.523 |
---|---|
XYZ | 12.224, 11.039, 38.53 |
xyY | 0.198, 0.179, 11.039 |
CIE-LCH | 39.645, 47.216, 285.39 |
CIE-LUV | 39.645, -16.074, -66.857 |
Hunter-Lab | 33.224, 7.529, -45.501 |
Binary | 00110100, 01011011, 10101000 |
Color Schemes with #345ba8
Alternatives to #345ba8
Below, you can see some colors close to #345ba8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ba8 Preview
This text has a font color of #345ba8.
<span style="color:#345ba8;">Text here</span>
This paragraph has a background color of #345ba8.
<p style="background-color:#345ba8;">Content here</p>
This element has a border color of #345ba8.
<div style="border:1px solid #345ba8;">Content here</div>
.text {color:#345ba8;}
.background {background-color:#345ba8;}
.border {border:1px solid #345ba8;}
Shades and Tints of #345ba8
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)
-
#213b6c
#213b6c
rgb(33,59,108)
-
#26437b
#26437b
rgb(38,67,123)
-
#2b4b8a
#2b4b8a
rgb(43,75,138)
-
#2f5399
#2f5399
rgb(47,83,153)
-
#345ba8
#345ba8
rgb(52,91,168)
-
#3963b7
#3963b7
rgb(57,99,183)
-
#406cc4
#406cc4
rgb(64,108,196)
-
#4e77c8
#4e77c8
rgb(78,119,200)
-
#5d83cd
#5d83cd
rgb(93,131,205)
-
#6c8ed2
#6c8ed2
rgb(108,142,210)
-
#7b9ad6
#7b9ad6
rgb(123,154,214)
-
#8aa5db
#8aa5db
rgb(138,165,219)
-
#99b1e0
#99b1e0
rgb(153,177,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 #345ba8
A tone is produced by adding gray to any pure hue. In this case, #676c75 is the less saturated color, while #014adb 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)
-
#456197
#456197
rgb(69,97,151)
-
#3c5ea0
#3c5ea0
rgb(60,94,160)
-
#345ba8
#345ba8
rgb(52,91,168)
-
#2c58b0
#2c58b0
rgb(44,88,176)
-
#2355b9
#2355b9
rgb(35,85,185)
-
#1b53c1
#1b53c1
rgb(27,83,193)
-
#1250ca
#1250ca
rgb(18,80,202)
-
#0a4dd2
#0a4dd2
rgb(10,77,210)
-
#014adb
#014adb
rgb(1,74,219)
Color Blindness Simulator
Below, you can see how #345ba8 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.