#345cbb Color Information
In a RGB color space, hex #345cbb is composed of 20.4% red, 36.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 50.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 222.2 degrees, a saturation of 56.5% and a lightness of 46.9%. #345cbb color hex could be obtained by blending #68b8ff with #000077. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 73
-
- C 72
- M 51
- Y 0
- K 27
● #345cbb color description : Moderate blue.
#345cbb Color Conversion
The hexadecimal color #345cbb has RGB values of R:52, G:92, B:187 and CMYK values of C:0.72, M:0.51, Y:0, K:0.27. Its decimal value is 3431611.
Hex triplet | 345cbb | #345cbb |
---|---|---|
RGB Decimal | 52, 92, 187 | rgb(52,92,187) |
RGB Percent | 20.4, 36.1, 73.3 | rgb(20.4%,36.1%,73.3%) |
CMYK | 72, 51, 0, 27 | |
HSL | 222.2°, 56.5, 46.9 | hsl(222.2,56.5%,46.9%) |
HSV (or HSB) | 222.2°, 72.2, 73.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 41.17, 18.954, -54.248 |
---|---|
XYZ | 14.211, 11.971, 48.573 |
xyY | 0.19, 0.16, 11.971 |
CIE-LCH | 41.17, 57.464, 289.26 |
CIE-LUV | 41.17, -16.273, -80.808 |
Hunter-Lab | 34.599, 12.766, -59.015 |
Binary | 00110100, 01011100, 10111011 |
Color Schemes with #345cbb
Alternatives to #345cbb
Below, you can see some colors close to #345cbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345cbb Preview
This text has a font color of #345cbb.
<span style="color:#345cbb;">Text here</span>
This paragraph has a background color of #345cbb.
<p style="background-color:#345cbb;">Content here</p>
This element has a border color of #345cbb.
<div style="border:1px solid #345cbb;">Content here</div>
.text {color:#345cbb;}
.background {background-color:#345cbb;}
.border {border:1px solid #345cbb;}
Shades and Tints of #345cbb
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)
-
#091022
#091022
rgb(9,16,34)
-
#0e1831
#0e1831
rgb(14,24,49)
-
#122040
#122040
rgb(18,32,64)
-
#162750
#162750
rgb(22,39,80)
-
#1a2f5f
#1a2f5f
rgb(26,47,95)
-
#1f366e
#1f366e
rgb(31,54,110)
-
#233e7e
#233e7e
rgb(35,62,126)
-
#27458d
#27458d
rgb(39,69,141)
-
#2b4d9c
#2b4d9c
rgb(43,77,156)
-
#3054ac
#3054ac
rgb(48,84,172)
-
#345cbb
#345cbb
rgb(52,92,187)
-
#3a64c8
#3a64c8
rgb(58,100,200)
-
#4a70cd
#4a70cd
rgb(74,112,205)
-
#597dd1
#597dd1
rgb(89,125,209)
-
#6889d5
#6889d5
rgb(104,137,213)
-
#7895d9
#7895d9
rgb(120,149,217)
-
#87a1de
#87a1de
rgb(135,161,222)
-
#96ade2
#96ade2
rgb(150,173,226)
-
#a6b9e6
#a6b9e6
rgb(166,185,230)
-
#b5c5ea
#b5c5ea
rgb(181,197,234)
-
#c4d1ef
#c4d1ef
rgb(196,209,239)
-
#d4ddf3
#d4ddf3
rgb(212,221,243)
-
#e3e9f7
#e3e9f7
rgb(227,233,247)
-
#f2f5fc
#f2f5fc
rgb(242,245,252)
Tones of #345cbb
A tone is produced by adding gray to any pure hue. In this case, #74767b is the less saturated color, while #0649e9 is the most saturated one.
-
#74767b
#74767b
rgb(116,118,123)
-
#6b7284
#6b7284
rgb(107,114,132)
-
#626f8d
#626f8d
rgb(98,111,141)
-
#596b96
#596b96
rgb(89,107,150)
-
#50679f
#50679f
rgb(80,103,159)
-
#4663a9
#4663a9
rgb(70,99,169)
-
#3d60b2
#3d60b2
rgb(61,96,178)
-
#345cbb
#345cbb
rgb(52,92,187)
-
#2b58c4
#2b58c4
rgb(43,88,196)
-
#2255cd
#2255cd
rgb(34,85,205)
-
#1851d7
#1851d7
rgb(24,81,215)
-
#0f4de0
#0f4de0
rgb(15,77,224)
-
#0649e9
#0649e9
rgb(6,73,233)
Color Blindness Simulator
Below, you can see how #345cbb 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.