#345fa8 Color Information
In a RGB color space, hex #345fa8 is composed of 20.4% red, 37.3% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 43.5% magenta, 0% yellow and 34.1% black. It has a hue angle of 217.8 degrees, a saturation of 52.7% and a lightness of 43.1%. #345fa8 color hex could be obtained by blending #68beff with #000051. Closest websafe color is: #336699.
-
- R 20
- G 37
- B 66
-
- C 69
- M 43
- Y 0
- K 34
● #345fa8 color description : Dark moderate blue.
#345fa8 Color Conversion
The hexadecimal color #345fa8 has RGB values of R:52, G:95, B:168 and CMYK values of C:0.69, M:0.43, Y:0, K:0.34. Its decimal value is 3432360.
Hex triplet | 345fa8 | #345fa8 |
---|---|---|
RGB Decimal | 52, 95, 168 | rgb(52,95,168) |
RGB Percent | 20.4, 37.3, 65.9 | rgb(20.4%,37.3%,65.9%) |
CMYK | 69, 43, 0, 34 | |
HSL | 217.8°, 52.7, 43.1 | hsl(217.8,52.7%,43.1%) |
HSV (or HSB) | 217.8°, 69, 65.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.801, 9.942, -43.673 |
---|---|
XYZ | 12.575, 11.741, 38.647 |
xyY | 0.2, 0.186, 11.741 |
CIE-LCH | 40.801, 44.791, 282.825 |
CIE-LUV | 40.801, -17.357, -64.426 |
Hunter-Lab | 34.265, 5.543, -42.888 |
Binary | 00110100, 01011111, 10101000 |
Color Schemes with #345fa8
Alternatives to #345fa8
Below, you can see some colors close to #345fa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345fa8 Preview
This text has a font color of #345fa8.
<span style="color:#345fa8;">Text here</span>
This paragraph has a background color of #345fa8.
<p style="background-color:#345fa8;">Content here</p>
This element has a border color of #345fa8.
<div style="border:1px solid #345fa8;">Content here</div>
.text {color:#345fa8;}
.background {background-color:#345fa8;}
.border {border:1px solid #345fa8;}
Shades and Tints of #345fa8
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)
-
#0a1321
#0a1321
rgb(10,19,33)
-
#0f1b30
#0f1b30
rgb(15,27,48)
-
#14243f
#14243f
rgb(20,36,63)
-
#182c4e
#182c4e
rgb(24,44,78)
-
#1d355d
#1d355d
rgb(29,53,93)
-
#213d6c
#213d6c
rgb(33,61,108)
-
#26467b
#26467b
rgb(38,70,123)
-
#2b4e8a
#2b4e8a
rgb(43,78,138)
-
#2f5799
#2f5799
rgb(47,87,153)
-
#345fa8
#345fa8
rgb(52,95,168)
-
#3967b7
#3967b7
rgb(57,103,183)
-
#4071c4
#4071c4
rgb(64,113,196)
-
#4e7cc8
#4e7cc8
rgb(78,124,200)
-
#5d87cd
#5d87cd
rgb(93,135,205)
-
#6c92d2
#6c92d2
rgb(108,146,210)
-
#7b9dd6
#7b9dd6
rgb(123,157,214)
-
#8aa8db
#8aa8db
rgb(138,168,219)
-
#99b3e0
#99b3e0
rgb(153,179,224)
-
#a8bfe4
#a8bfe4
rgb(168,191,228)
-
#b7cae9
#b7cae9
rgb(183,202,233)
-
#c6d5ed
#c6d5ed
rgb(198,213,237)
-
#d5e0f2
#d5e0f2
rgb(213,224,242)
-
#e4ebf7
#e4ebf7
rgb(228,235,247)
-
#f3f6fb
#f3f6fb
rgb(243,246,251)
Tones of #345fa8
A tone is produced by adding gray to any pure hue. In this case, #676c75 is the less saturated color, while #0152db is the most saturated one.
-
#676c75
#676c75
rgb(103,108,117)
-
#5e6a7e
#5e6a7e
rgb(94,106,126)
-
#566886
#566886
rgb(86,104,134)
-
#4d668f
#4d668f
rgb(77,102,143)
-
#456397
#456397
rgb(69,99,151)
-
#3c61a0
#3c61a0
rgb(60,97,160)
-
#345fa8
#345fa8
rgb(52,95,168)
-
#2c5db0
#2c5db0
rgb(44,93,176)
-
#235bb9
#235bb9
rgb(35,91,185)
-
#1b58c1
#1b58c1
rgb(27,88,193)
-
#1256ca
#1256ca
rgb(18,86,202)
-
#0a54d2
#0a54d2
rgb(10,84,210)
-
#0152db
#0152db
rgb(1,82,219)
Color Blindness Simulator
Below, you can see how #345fa8 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.