#345bbc Color Information
In a RGB color space, hex #345bbc is composed of 20.4% red, 35.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 51.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 222.8 degrees, a saturation of 56.7% and a lightness of 47.1%. #345bbc color hex could be obtained by blending #68b6ff with #000079. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 74
-
- C 72
- M 52
- Y 0
- K 26
● #345bbc color description : Moderate blue.
#345bbc Color Conversion
The hexadecimal color #345bbc has RGB values of R:52, G:91, B:188 and CMYK values of C:0.72, M:0.52, Y:0, K:0.26. Its decimal value is 3431356.
Hex triplet | 345bbc | #345bbc |
---|---|---|
RGB Decimal | 52, 91, 188 | rgb(52,91,188) |
RGB Percent | 20.4, 35.7, 73.7 | rgb(20.4%,35.7%,73.7%) |
CMYK | 72, 52, 0, 26 | |
HSL | 222.8°, 56.7, 47.1 | hsl(222.8,56.7%,47.1%) |
HSV (or HSB) | 222.8°, 72.3, 73.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.964, 19.977, -55.165 |
---|---|
XYZ | 14.232, 11.842, 49.11 |
xyY | 0.189, 0.158, 11.842 |
CIE-LCH | 40.964, 58.671, 289.907 |
CIE-LUV | 40.964, -15.977, -82.076 |
Hunter-Lab | 34.412, 13.603, -60.524 |
Binary | 00110100, 01011011, 10111100 |
Color Schemes with #345bbc
Alternatives to #345bbc
Below, you can see some colors close to #345bbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345bbc Preview
This text has a font color of #345bbc.
<span style="color:#345bbc;">Text here</span>
This paragraph has a background color of #345bbc.
<p style="background-color:#345bbc;">Content here</p>
This element has a border color of #345bbc.
<div style="border:1px solid #345bbc;">Content here</div>
.text {color:#345bbc;}
.background {background-color:#345bbc;}
.border {border:1px solid #345bbc;}
Shades and Tints of #345bbc
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)
-
#1b2e60
#1b2e60
rgb(27,46,96)
-
#1f366f
#1f366f
rgb(31,54,111)
-
#233d7f
#233d7f
rgb(35,61,127)
-
#27458e
#27458e
rgb(39,69,142)
-
#2c4c9d
#2c4c9d
rgb(44,76,157)
-
#3054ad
#3054ad
rgb(48,84,173)
-
#345bbc
#345bbc
rgb(52,91,188)
-
#3b64c9
#3b64c9
rgb(59,100,201)
-
#4a70cd
#4a70cd
rgb(74,112,205)
-
#5a7cd1
#5a7cd1
rgb(90,124,209)
-
#6988d6
#6988d6
rgb(105,136,214)
-
#7894da
#7894da
rgb(120,148,218)
-
#88a0de
#88a0de
rgb(136,160,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)
-
#d5ddf3
#d5ddf3
rgb(213,221,243)
-
#e4eaf8
#e4eaf8
rgb(228,234,248)
-
#f3f6fc
#f3f6fc
rgb(243,246,252)
Tones of #345bbc
A tone is produced by adding gray to any pure hue. In this case, #75777b is the less saturated color, while #0647ea 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)
-
#4663aa
#4663aa
rgb(70,99,170)
-
#3d5fb3
#3d5fb3
rgb(61,95,179)
-
#345bbc
#345bbc
rgb(52,91,188)
-
#2b57c5
#2b57c5
rgb(43,87,197)
-
#2253ce
#2253ce
rgb(34,83,206)
-
#184fd8
#184fd8
rgb(24,79,216)
-
#0f4be1
#0f4be1
rgb(15,75,225)
-
#0647ea
#0647ea
rgb(6,71,234)
Color Blindness Simulator
Below, you can see how #345bbc 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.