#345cbc Color Information
In a RGB color space, hex #345cbc is composed of 20.4% red, 36.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 51.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 222.4 degrees, a saturation of 56.7% and a lightness of 47.1%. #345cbc color hex could be obtained by blending #68b8ff with #000079. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 74
-
- C 72
- M 51
- Y 0
- K 26
● #345cbc color description : Moderate blue.
#345cbc Color Conversion
The hexadecimal color #345cbc has RGB values of R:52, G:92, B:188 and CMYK values of C:0.72, M:0.51, Y:0, K:0.26. Its decimal value is 3431612.
Hex triplet | 345cbc | #345cbc |
---|---|---|
RGB Decimal | 52, 92, 188 | rgb(52,92,188) |
RGB Percent | 20.4, 36.1, 73.7 | rgb(20.4%,36.1%,73.7%) |
CMYK | 72, 51, 0, 26 | |
HSL | 222.4°, 56.7, 47.1 | hsl(222.4,56.7%,47.1%) |
HSV (or HSB) | 222.4°, 72.3, 73.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 41.239, 19.327, -54.722 |
---|---|
XYZ | 14.318, 12.014, 49.139 |
xyY | 0.19, 0.159, 12.014 |
CIE-LCH | 41.239, 58.034, 289.453 |
CIE-LUV | 41.239, -16.269, -81.554 |
Hunter-Lab | 34.662, 13.08, -59.791 |
Binary | 00110100, 01011100, 10111100 |
Color Schemes with #345cbc
Alternatives to #345cbc
Below, you can see some colors close to #345cbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345cbc Preview
This text has a font color of #345cbc.
<span style="color:#345cbc;">Text here</span>
This paragraph has a background color of #345cbc.
<p style="background-color:#345cbc;">Content here</p>
This element has a border color of #345cbc.
<div style="border:1px solid #345cbc;">Content here</div>
.text {color:#345cbc;}
.background {background-color:#345cbc;}
.border {border:1px solid #345cbc;}
Shades and Tints of #345cbc
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, #010204 is the darkest color, while #f3f6fc is the lightest one.
-
#010204
#010204
rgb(1,2,4)
-
#050913
#050913
rgb(5,9,19)
-
#091122
#091122
rgb(9,17,34)
-
#0e1832
#0e1832
rgb(14,24,50)
-
#122041
#122041
rgb(18,32,65)
-
#162750
#162750
rgb(22,39,80)
-
#1b2f60
#1b2f60
rgb(27,47,96)
-
#1f366f
#1f366f
rgb(31,54,111)
-
#233e7f
#233e7f
rgb(35,62,127)
-
#27458e
#27458e
rgb(39,69,142)
-
#2c4d9d
#2c4d9d
rgb(44,77,157)
-
#3054ad
#3054ad
rgb(48,84,173)
-
#345cbc
#345cbc
rgb(52,92,188)
-
#3b65c9
#3b65c9
rgb(59,101,201)
-
#4a71cd
#4a71cd
rgb(74,113,205)
-
#5a7dd1
#5a7dd1
rgb(90,125,209)
-
#6989d6
#6989d6
rgb(105,137,214)
-
#7895da
#7895da
rgb(120,149,218)
-
#88a1de
#88a1de
rgb(136,161,222)
-
#97ade2
#97ade2
rgb(151,173,226)
-
#a6b9e7
#a6b9e7
rgb(166,185,231)
-
#b6c5eb
#b6c5eb
rgb(182,197,235)
-
#c5d1ef
#c5d1ef
rgb(197,209,239)
-
#d5def3
#d5def3
rgb(213,222,243)
-
#e4eaf8
#e4eaf8
rgb(228,234,248)
-
#f3f6fc
#f3f6fc
rgb(243,246,252)
Tones of #345cbc
A tone is produced by adding gray to any pure hue. In this case, #75777b is the less saturated color, while #0649ea is the most saturated one.
-
#75777b
#75777b
rgb(117,119,123)
-
#6b7385
#6b7385
rgb(107,115,133)
-
#626f8e
#626f8e
rgb(98,111,142)
-
#596b97
#596b97
rgb(89,107,151)
-
#5067a0
#5067a0
rgb(80,103,160)
-
#4664aa
#4664aa
rgb(70,100,170)
-
#3d60b3
#3d60b3
rgb(61,96,179)
-
#345cbc
#345cbc
rgb(52,92,188)
-
#2b58c5
#2b58c5
rgb(43,88,197)
-
#2254ce
#2254ce
rgb(34,84,206)
-
#1851d8
#1851d8
rgb(24,81,216)
-
#0f4de1
#0f4de1
rgb(15,77,225)
-
#0649ea
#0649ea
rgb(6,73,234)
Color Blindness Simulator
Below, you can see how #345cbc 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.