#345fbb Color Information
In a RGB color space, hex #345fbb is composed of 20.4% red, 37.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 49.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 220.9 degrees, a saturation of 56.5% and a lightness of 46.9%. #345fbb color hex could be obtained by blending #68beff with #000077. Closest websafe color is: #3366cc.
-
- R 20
- G 37
- B 73
-
- C 72
- M 49
- Y 0
- K 27
● #345fbb color description : Moderate blue.
#345fbb Color Conversion
The hexadecimal color #345fbb has RGB values of R:52, G:95, B:187 and CMYK values of C:0.72, M:0.49, Y:0, K:0.27. Its decimal value is 3432379.
Hex triplet | 345fbb | #345fbb |
---|---|---|
RGB Decimal | 52, 95, 187 | rgb(52,95,187) |
RGB Percent | 20.4, 37.3, 73.3 | rgb(20.4%,37.3%,73.3%) |
CMYK | 72, 49, 0, 27 | |
HSL | 220.9°, 56.5, 46.9 | hsl(220.9,56.5%,46.9%) |
HSV (or HSB) | 220.9°, 72.2, 73.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 42.002, 17.009, -52.907 |
---|---|
XYZ | 14.476, 12.501, 48.661 |
xyY | 0.191, 0.165, 12.501 |
CIE-LCH | 42.002, 55.574, 287.822 |
CIE-LUV | 42.002, -17.166, -79.178 |
Hunter-Lab | 35.357, 11.207, -56.849 |
Binary | 00110100, 01011111, 10111011 |
Color Schemes with #345fbb
Alternatives to #345fbb
Below, you can see some colors close to #345fbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345fbb Preview
This text has a font color of #345fbb.
<span style="color:#345fbb;">Text here</span>
This paragraph has a background color of #345fbb.
<p style="background-color:#345fbb;">Content here</p>
This element has a border color of #345fbb.
<div style="border:1px solid #345fbb;">Content here</div>
.text {color:#345fbb;}
.background {background-color:#345fbb;}
.border {border:1px solid #345fbb;}
Shades and Tints of #345fbb
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, #010103 is the darkest color, while #f2f5fc is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#050912
#050912
rgb(5,9,18)
-
#091122
#091122
rgb(9,17,34)
-
#0e1931
#0e1931
rgb(14,25,49)
-
#122140
#122140
rgb(18,33,64)
-
#162850
#162850
rgb(22,40,80)
-
#1a305f
#1a305f
rgb(26,48,95)
-
#1f386e
#1f386e
rgb(31,56,110)
-
#23407e
#23407e
rgb(35,64,126)
-
#27488d
#27488d
rgb(39,72,141)
-
#2b4f9c
#2b4f9c
rgb(43,79,156)
-
#3057ac
#3057ac
rgb(48,87,172)
-
#345fbb
#345fbb
rgb(52,95,187)
-
#3a68c8
#3a68c8
rgb(58,104,200)
-
#4a73cd
#4a73cd
rgb(74,115,205)
-
#597fd1
#597fd1
rgb(89,127,209)
-
#688bd5
#688bd5
rgb(104,139,213)
-
#7897d9
#7897d9
rgb(120,151,217)
-
#87a3de
#87a3de
rgb(135,163,222)
-
#96aee2
#96aee2
rgb(150,174,226)
-
#a6bae6
#a6bae6
rgb(166,186,230)
-
#b5c6ea
#b5c6ea
rgb(181,198,234)
-
#c4d2ef
#c4d2ef
rgb(196,210,239)
-
#d4def3
#d4def3
rgb(212,222,243)
-
#e3eaf7
#e3eaf7
rgb(227,234,247)
-
#f2f5fc
#f2f5fc
rgb(242,245,252)
Tones of #345fbb
A tone is produced by adding gray to any pure hue. In this case, #74767b is the less saturated color, while #064ee9 is the most saturated one.
-
#74767b
#74767b
rgb(116,118,123)
-
#6b7384
#6b7384
rgb(107,115,132)
-
#62708d
#62708d
rgb(98,112,141)
-
#596c96
#596c96
rgb(89,108,150)
-
#50699f
#50699f
rgb(80,105,159)
-
#4666a9
#4666a9
rgb(70,102,169)
-
#3d62b2
#3d62b2
rgb(61,98,178)
-
#345fbb
#345fbb
rgb(52,95,187)
-
#2b5cc4
#2b5cc4
rgb(43,92,196)
-
#2258cd
#2258cd
rgb(34,88,205)
-
#1855d7
#1855d7
rgb(24,85,215)
-
#0f52e0
#0f52e0
rgb(15,82,224)
-
#064ee9
#064ee9
rgb(6,78,233)
Color Blindness Simulator
Below, you can see how #345fbb 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.