#345cb6 Color Information
In a RGB color space, hex #345cb6 is composed of 20.4% red, 36.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 49.5% magenta, 0% yellow and 28.6% black. It has a hue angle of 221.5 degrees, a saturation of 55.6% and a lightness of 45.9%. #345cb6 color hex could be obtained by blending #68b8ff with #00006d. Closest websafe color is: #3366cc.
-
- R 20
- G 36
- B 71
-
- C 71
- M 49
- Y 0
- K 29
● #345cb6 color description : Moderate blue.
#345cb6 Color Conversion
The hexadecimal color #345cb6 has RGB values of R:52, G:92, B:182 and CMYK values of C:0.71, M:0.49, Y:0, K:0.29. Its decimal value is 3431606.
Hex triplet | 345cb6 | #345cb6 |
---|---|---|
RGB Decimal | 52, 92, 182 | rgb(52,92,182) |
RGB Percent | 20.4, 36.1, 71.4 | rgb(20.4%,36.1%,71.4%) |
CMYK | 71, 49, 0, 29 | |
HSL | 221.5°, 55.6, 45.9 | hsl(221.5,55.6%,45.9%) |
HSV (or HSB) | 221.5°, 71.4, 71.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.833, 17.091, -51.867 |
---|---|
XYZ | 13.685, 11.761, 45.802 |
xyY | 0.192, 0.165, 11.761 |
CIE-LCH | 40.833, 54.61, 288.238 |
CIE-LUV | 40.833, -16.295, -77.046 |
Hunter-Lab | 34.294, 11.216, -55.18 |
Binary | 00110100, 01011100, 10110110 |
Color Schemes with #345cb6
Alternatives to #345cb6
Below, you can see some colors close to #345cb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345cb6 Preview
This text has a font color of #345cb6.
<span style="color:#345cb6;">Text here</span>
This paragraph has a background color of #345cb6.
<p style="background-color:#345cb6;">Content here</p>
This element has a border color of #345cb6.
<div style="border:1px solid #345cb6;">Content here</div>
.text {color:#345cb6;}
.background {background-color:#345cb6;}
.border {border:1px solid #345cb6;}
Shades and Tints of #345cb6
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, #04070e is the darkest color, while #fefeff is the lightest one.
-
#04070e
#04070e
rgb(4,7,14)
-
#080f1d
#080f1d
rgb(8,15,29)
-
#0d172d
#0d172d
rgb(13,23,45)
-
#111e3c
#111e3c
rgb(17,30,60)
-
#15264b
#15264b
rgb(21,38,75)
-
#1a2e5a
#1a2e5a
rgb(26,46,90)
-
#1e356a
#1e356a
rgb(30,53,106)
-
#233d79
#233d79
rgb(35,61,121)
-
#274588
#274588
rgb(39,69,136)
-
#2b4d97
#2b4d97
rgb(43,77,151)
-
#3054a7
#3054a7
rgb(48,84,167)
-
#345cb6
#345cb6
rgb(52,92,182)
-
#3864c5
#3864c5
rgb(56,100,197)
-
#476fca
#476fca
rgb(71,111,202)
-
#567bcf
#567bcf
rgb(86,123,207)
-
#6587d3
#6587d3
rgb(101,135,211)
-
#7593d7
#7593d7
rgb(117,147,215)
-
#849fdc
#849fdc
rgb(132,159,220)
-
#93abe0
#93abe0
rgb(147,171,224)
-
#a2b7e5
#a2b7e5
rgb(162,183,229)
-
#b2c3e9
#b2c3e9
rgb(178,195,233)
-
#c1cfed
#c1cfed
rgb(193,207,237)
-
#d0daf2
#d0daf2
rgb(208,218,242)
-
#dfe6f6
#dfe6f6
rgb(223,230,246)
-
#eff2fa
#eff2fa
rgb(239,242,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #345cb6
A tone is produced by adding gray to any pure hue. In this case, #737477 is the less saturated color, while #074be3 is the most saturated one.
-
#737477
#737477
rgb(115,116,119)
-
#6a7180
#6a7180
rgb(106,113,128)
-
#616d89
#616d89
rgb(97,109,137)
-
#586a92
#586a92
rgb(88,106,146)
-
#4f669b
#4f669b
rgb(79,102,155)
-
#4663a4
#4663a4
rgb(70,99,164)
-
#3d5fad
#3d5fad
rgb(61,95,173)
-
#345cb6
#345cb6
rgb(52,92,182)
-
#2b59bf
#2b59bf
rgb(43,89,191)
-
#2255c8
#2255c8
rgb(34,85,200)
-
#1952d1
#1952d1
rgb(25,82,209)
-
#104eda
#104eda
rgb(16,78,218)
-
#074be3
#074be3
rgb(7,75,227)
Color Blindness Simulator
Below, you can see how #345cb6 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.